in progress backdrop

m67hoff · Sep 4, 2018 · 3566107 · 3566107
1 parent b46854d
commit 3566107
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/app/app.component.css b/src/app/app.component.css
@@ -4,6 +4,17 @@
   background-color: snow
 }
 
+.app-backdrop {
+  top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    position: absolute;
+    display: block;
+    background-color: rgba(0,0,0,.6);
+    z-index: 999;
+}
+
 .app-toolbar-filler {
   flex: 1 1 auto;
 }

diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -18,6 +18,7 @@
   &nbsp;&nbsp;
 </mat-toolbar>
 
+<div class="app-backdrop" *ngIf="browseInProgress"></div>
 <mat-sidenav-container autosize class="app-sidenav-container">
 
   <!-- side nav setteings -->