1
0
mirror of https://github.com/bitwarden/desktop.git synced 2024-11-28 12:35:40 +01:00

styling buttons

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

View File

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

View File

@ -28,5 +28,7 @@
</div> </div>
</div> </div>
<div class="footer"> <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> </div>

View File

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

View File

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

View File

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