Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-23 11:56:00 +01:00
Code Issues Projects Releases Wiki Activity

styling buttons

Browse Source
This commit is contained in:
Kyle Spearrin 2018-01-25 18:00:03 -05:00
parent 3ceb2a6dbd
commit 07d7f196a6
5 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/vault/add.component.html
View File

@ -163,8 +163,12 @@
</div>
</div>
<div class="footer">
<button (click)="save()" class="primary"><i class="fa fa-save fa-lg"></i> {{'save' | i18n}}</button>
<button (click)="cancel()">{{'cancel' | i18n}}</button>
<button (click)="save()" class="primary" title="{{'save' | i18n}}">
<i class="fa fa-save fa-lg"></i> {{'save' | i18n}}
</button>
<button (click)="cancel()" title="{{'cancel' | i18n}}">
{{'cancel' | i18n}}
</button>
<button (click)="delete()" class="danger right" title="{{'delete' | i18n}}">
<i class="fa fa-trash-o fa-lg"></i>
</button>

4
src/app/vault/ciphers.component.html
View File

@ -28,5 +28,7 @@
</div>
</div>
<div class="footer">
<button (click)="addCipher()" class="block primary"><i class="fa fa-plus fa-lg"></i></button>
<button (click)="addCipher()" class="block primary" title="{{'addItem' | i18n}}">
<i class="fa fa-plus fa-lg"></i>
</button>
</div>

2
src/app/vault/view.component.html
View File

@ -216,5 +216,5 @@
</div>
</div>
<div class="footer">
<button (click)="edit()">{{'editItem' | i18n}}</button>
<button (click)="edit()" title="{{'editItem' | i18n}}">{{'edit' | i18n}}</button>
</div>

3
src/locales/en/messages.json
View File

@ -256,5 +256,8 @@
},
"favorite": {
"message": "Favorite"
},
"edit": {
"message": "Edit"
}
}

7
src/scss/styles.scss
View File

@ -307,10 +307,15 @@ a {
border-radius: $border-radius;
padding: 7px 15px;
border: 1px solid $button-border-color;
margin-right: 15px;
margin-right: 10px;
font-size: $font-size-base;
color: $button-color;
&:hover {
cursor: pointer;
background-color: darken($button-backgound-color, 1.5%);
}
&.primary {
color: $button-color-primary;
}