Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-10-06 05:28:51 +02:00
Code Issues Projects Releases Wiki Activity

added list buttons to vault and view site

Browse Source
This commit is contained in:
Kyle Spearrin 2016-09-11 00:14:07 -04:00
parent 8d4d2df8ad
commit b9c0c194ed
3 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/popup/app/vault/views/vault.html
View File

@ -11,9 +11,9 @@
<i class="fa fa-folder-open"></i> {{folder.name}} <i class="fa fa-folder-open"></i> {{folder.name}}
</div> </div>
<a ui-sref="viewSite({siteId: site.id, animation: 'in-slide-up'})" class="list-grouped-item condensed" ng-repeat="site in folderSites = (vaultSites | filter: { folderId: folder.id } | orderBy: ['name', 'username'])"> <a ui-sref="viewSite({siteId: site.id, animation: 'in-slide-up'})" class="list-grouped-item condensed" ng-repeat="site in folderSites = (vaultSites | filter: { folderId: folder.id } | orderBy: ['name', 'username'])">
<span class="btn-list"><i class="fa fa-lg fa-ellipsis-h text-muted"></i></span>
<span class="text">{{site.name}}</span> <span class="text">{{site.name}}</span>
<span class="detail">{{site.username}}</span> <span class="detail">{{site.username}}</span>
<!--<span class="btn btn-link pull-right"><i class="fa fa-ellipsis-h"></i></span>-->
</a> </a>
</div> </div>
</div> </div>

4
src/popup/app/vault/views/vaultViewSite.html
View File

@ -19,14 +19,18 @@
{{site.name}} {{site.name}}
</div> </div>
<div class="list-section-item"> <div class="list-section-item">
<a class="btn-list" href=""><i class="fa fa-lg fa-share-square-o"></i></a>
<span class="item-label">Website</span> <span class="item-label">Website</span>
{{site.uri}} {{site.uri}}
</div> </div>
<div class="list-section-item"> <div class="list-section-item">
<a class="btn-list" href=""><i class="fa fa-lg fa-clipboard"></i></a>
<span class="item-label">Username</span> <span class="item-label">Username</span>
{{site.username}} {{site.username}}
</div> </div>
<div class="list-section-item"> <div class="list-section-item">
<a class="btn-list" href=""><i class="fa fa-lg fa-clipboard"></i></a>
<a class="btn-list" href=""><i class="fa fa-lg fa-eye"></i></a>
<span class="item-label">Password</span> <span class="item-label">Password</span>
{{site.maskedPassword}} {{site.maskedPassword}}
</div> </div>

25
src/popup/less/components.less
View File

@ -195,19 +195,21 @@
background-color: @list-item-hover; background-color: @list-item-hover;
} }
&.condensed {
padding: 3px 10px;
}
.text { .text {
display: block; display: block;
color: @text-color; color: @text-color;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
.detail { .detail {
font-size: @font-size-small; font-size: @font-size-small;
color: @gray-light; color: @gray-light;
display: block; display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
label, .item-label { label, .item-label {
@ -218,6 +220,21 @@
font-weight: normal; font-weight: normal;
} }
.btn-list {
cursor: pointer;
float: right;
display: block;
padding: 10px 8px 10px 12px;
}
&.condensed {
padding: 3px 10px;
.btn-list {
padding: 8px 8px 8px 12px;
}
}
input:not([type="checkbox"]), select, textarea { input:not([type="checkbox"]), select, textarea {
border: none; border: none;
width: 100%; width: 100%;