Upstream/bitwarden-desktop
1
0
Fork 0
mirror of https://github.com/bitwarden/desktop.git synced 2025-01-13 19:41:32 +01:00
Code Issues Projects Releases Wiki Activity

styling

Browse Source
This commit is contained in:
Kyle Spearrin 2018-01-30 13:32:58 -05:00
parent 6316842a49
commit 654b4b42a0
4 changed files with 25 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/vault/add-edit.component.html
View File

@ -173,7 +173,8 @@
<div class="box-content"> <div class="box-content">
<div class="box-content-row" *ngIf="cipher.type === cipherType.Login"> <div class="box-content-row" *ngIf="cipher.type === cipherType.Login">
<label for="loginTotp">{{'authenticatorKeyTotp' | i18n}}</label> <label for="loginTotp">{{'authenticatorKeyTotp' | i18n}}</label>
<input id="loginTotp" type="text" name="Login.Totp" [(ngModel)]="cipher.login.totp"> <input id="loginTotp" type="text" name="Login.Totp" class="monospaced"
[(ngModel)]="cipher.login.totp">
</div> </div>
<div class="box-content-row"> <div class="box-content-row">
<label for="folder">{{'folder' | i18n}}</label> <label for="folder">{{'folder' | i18n}}</label>

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

@ -2,12 +2,11 @@
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-body"> <div class="modal-body">
<div class="box" *ngIf="cipher"> <div class="box" *ngIf="cipher && cipher.hasAttachments">
<div class="box-header"> <div class="box-header">
{{'attachments' | i18n}} {{'attachments' | i18n}}
</div> </div>
<div class="box-content"> <div class="box-content no-hover">
<div *ngIf="cipher.hasAttachments">
<div class="box-content-row box-content-row-flex" *ngFor="let a of cipher.attachments"> <div class="box-content-row box-content-row-flex" *ngFor="let a of cipher.attachments">
<div class="row-main"> <div class="row-main">
{{a.fileName}} {{a.fileName}}
@ -22,12 +21,11 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="box"> <div class="box">
<div class="box-header"> <div class="box-header">
{{'newAttachment' | i18n}} {{'newAttachment' | i18n}}
</div> </div>
<div class="box-content"> <div class="box-content no-hover">
<div class="box-content-row"> <div class="box-content-row">
<label for="file">{{'file' | i18n}}</label> <label for="file">{{'file' | i18n}}</label>
<input type="file" id="file" name="file"> <input type="file" id="file" name="file">

6
src/scss/box.scss
View File

@ -212,6 +212,12 @@
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
} }
&.no-hover .box-content-row, .box-content-row.no-hover {
&:hover, &:focus {
background-color: initial;
}
}
} }
.box-footer { .box-footer {

4
src/scss/misc.scss
View File

@ -81,6 +81,10 @@
font-size: $font-size-large; font-size: $font-size-large;
word-break: break-all; word-break: break-all;
font-family: $font-family-monospace; font-family: $font-family-monospace;
min-height: 60px;
display: flex;
align-items: center;
justify-content: center;
text-align: center; text-align: center;
.modal-body & { .modal-body & {