devol
/
bitwarden-estensione-browser
mirror of https://github.com/bitwarden/browser
1
0
Fork 0
Code Issues 1 Releases Wiki Activity

added list buttons to vault and view site

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}}
</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'])">
<span class="btn-list"><i class="fa fa-lg fa-ellipsis-h text-muted"></i></span>
<span class="text">{{site.name}}</span>
<span class="detail">{{site.username}}</span>
<!--<span class="btn btn-link pull-right"><i class="fa fa-ellipsis-h"></i></span>-->
</a>
</div>
</div>

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

@ -19,14 +19,18 @@
{{site.name}}
</div>
<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>
{{site.uri}}
</div>
<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>
{{site.username}}
</div>
<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>
{{site.maskedPassword}}
</div>

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

@ -195,19 +195,21 @@
background-color: @list-item-hover;
}
&.condensed {
padding: 3px 10px;
}
.text {
display: block;
color: @text-color;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.detail {
font-size: @font-size-small;
color: @gray-light;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
label, .item-label {
@ -218,6 +220,21 @@
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 {
border: none;
width: 100%;