Add padding to error message in file upload

master
Max 5 years ago
parent 8584a7a92c
commit c61ccf617b

@ -3,6 +3,12 @@
.dialogFormField .dialogFormField
width: 100% width: 100%
#error
margin-top: 1em
#progress-bar
margin-top: 1em
.confirmationButton .confirmationButton
background-color: $primary-color background-color: $primary-color

@ -7,9 +7,9 @@
<h2 *ngIf="localFileUrl">Preview:</h2> <h2 *ngIf="localFileUrl">Preview:</h2>
<img *ngIf="localFileUrl" id="inputPreview" [src]="localFileUrl"/> <img *ngIf="localFileUrl" id="inputPreview" [src]="localFileUrl"/>
</div> </div>
<mat-progress-bar *ngIf="uploading" mode="indeterminate"></mat-progress-bar> <mat-progress-bar id="progress-bar" *ngIf="uploading" mode="indeterminate"></mat-progress-bar>
</div> </div>
<mat-error *ngIf="errorOccurred">{{getErrorMessage()}}</mat-error> <mat-error id="error" *ngIf="errorOccurred">{{getErrorMessage()}}</mat-error>
<div mat-dialog-actions align="end"> <div mat-dialog-actions align="end">
<button mat-button (click)="onCancelClicked()">Cancel</button> <button mat-button (click)="onCancelClicked()">Cancel</button>
<button class="confirmationButton" mat-raised-button cdkFocusInitial (click)="onOkClicked()">Upload</button> <button class="confirmationButton" mat-raised-button cdkFocusInitial (click)="onOkClicked()">Upload</button>

Loading…
Cancel
Save