show whitespace for hidden fields

This commit is contained in:
Kyle Spearrin 2018-12-20 23:01:17 -05:00
parent fd5d47da7c
commit ca2bba5fb6
2 changed files with 9 additions and 1 deletions

View File

@ -120,6 +120,10 @@ p.lead {
font-family: $font-family-monospace; font-family: $font-family-monospace;
} }
.show-whitespace {
white-space: pre-wrap;
}
.img-responsive { .img-responsive {
display: block; display: block;
max-width: 100%; max-width: 100%;
@ -144,6 +148,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 {

View File

@ -219,7 +219,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">