Upstream/bitwarden-desktop
1
0
Fork 0
mirror of https://github.com/bitwarden/desktop.git synced 2024-11-28 12:35:40 +01:00
Code Issues Projects Releases Wiki Activity

show whitespace for hidden fields

Browse Source
This commit is contained in:
Kyle Spearrin 2018-12-20 23:01:21 -05:00
parent 8dff57e89e
commit 2ccbcb75bf
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -209,7 +209,7 @@
{{field.value || ' '}} {{field.value || ' '}}
</div> </div>
<div *ngIf="field.type === fieldType.Hidden"> <div *ngIf="field.type === fieldType.Hidden">
<span [hidden]="!field.showValue" class="monospaced">{{field.value}}</span> <span [hidden]="!field.showValue" class="monospaced show-whitespace">{{field.value}}</span>
<span [hidden]="field.showValue" class="monospaced">{{field.maskedValue}}</span> <span [hidden]="field.showValue" class="monospaced">{{field.maskedValue}}</span>
</div> </div>
<div *ngIf="field.type === fieldType.Boolean"> <div *ngIf="field.type === fieldType.Boolean">

8
src/scss/misc.scss
View File

@ -92,6 +92,10 @@ p.lead {
font-family: $font-family-monospace; font-family: $font-family-monospace;
} }
.show-whitespace {
white-space: pre-wrap;
}
.sr-only { .sr-only {
position: absolute !important; position: absolute !important;
width: 1px !important; width: 1px !important;
@ -182,6 +186,10 @@ p.lead {
.password-wrapper { .password-wrapper {
display: flex !important; display: flex !important;
flex-wrap: wrap; flex-wrap: wrap;
span {
white-space: pre;
}
} }
.password-number { .password-number {