chore: fix overlay

jimmykane · Nov 16, 2020 · 3cfce1a · 3cfce1a
1 parent a1304cc
commit 3cfce1a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/app/components/event-table/event.table.component.html b/src/app/components/event-table/event.table.component.html
@@ -1,7 +1,4 @@
 <mat-card class="mat-elevation-z0">
-
-  <app-shade [isActive]="isLoading" [hasError]="this.events && this.events.length === 0"
-             [errorMessage]="'Nothing to show'"></app-shade>
   <section class="container">
     <section>
       <mat-form-field appearance="standard">
@@ -97,4 +94,7 @@
   <mat-paginator (page)="pageChanges($event)" [length]="data ? data.data.length : 0"
                  [pageSize]="user.settings.dashboardSettings.tableSettings.eventsPerPage" [showFirstLastButtons]="true"
                  [pageSizeOptions]="[10, 25, 50, 100, 250]"></mat-paginator>
+
+  <app-shade [isActive]="isLoading" [hasError]="this.events && this.events.length === 0"
+             [errorMessage]="'Nothing to show'"></app-shade>
 </mat-card>
diff --git a/src/app/components/loading/shade.component.css b/src/app/components/loading/shade.component.css
@@ -5,7 +5,7 @@
   bottom: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.6);
-  z-index: 999;
+  z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;