fix(core/forms): hide file preview in read only mode w/ null value

gnucoop · Jun 3, 2020 · 843e280 · 843e280
1 parent f645e0b
commit 843e280
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/core/forms/read-only-file-field.html b/src/core/forms/read-only-file-field.html
@@ -1,3 +1,6 @@
-<a [href]="fileUrl|async" [download]="fileName|async">
+<a *ngIf="fileUrl|async as fu ; else noFile" [href]="fu" [download]="fileName|async">
   <img [src]="fileIcon"> {{ fileName|async }}
 </a>
+<ng-template #noFile>
+  <div class="ajf-no-file-placeholder"></div>
+</ng-template>
diff --git a/src/core/forms/read-only-file-field.scss b/src/core/forms/read-only-file-field.scss
@@ -5,4 +5,10 @@ ajf-read-only-file-field {
     margin-right: 8px;
     vertical-align: middle;
   }
+
+  .ajf-no-file-placeholder {
+    width: 100%;
+    height: 32px;
+    background-color: #eeeeee;
+  }
 }