From 1501bbda78b2a6d136c3cbf953f41e467ae07fa5 Mon Sep 17 00:00:00 2001
From: Lachlan Kermode <lachiekermode@gmail.com>
Date: Tue, 30 Jun 2020 12:14:03 +0200
Subject: [PATCH] move cover over loading

---
 src/components/Layout.js | 10 +++++-----
 src/scss/_variables.scss |  2 +-
 src/scss/cover.scss      |  2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Layout.js b/src/components/Layout.js
index 64fb90c..41ac954 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -308,6 +308,11 @@ class Dashboard extends React.Component {
             }
           />
         ) : null}
+        <LoadingOverlay
+          isLoading={app.loading || app.flags.isFetchingDomain}
+          ui={app.flags.isFetchingDomain}
+          language={app.language}
+        />
         {features.USE_COVER && (
           <StaticPage showing={app.flags.isCover}>
             {/* enable USE_COVER in config.js features, and customise your header */}
@@ -315,11 +320,6 @@ class Dashboard extends React.Component {
             <TemplateCover showing={app.flags.isCover} showAppHandler={actions.toggleCover} />
           </StaticPage>
         )}
-        <LoadingOverlay
-          isLoading={app.loading || app.flags.isFetchingDomain}
-          ui={app.flags.isFetchingDomain}
-          language={app.language}
-        />
       </div>
     )
   }
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index abe1f7a..ae45032 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -34,7 +34,7 @@ $xxxlarge: 32px;
 
 // z-index levels
 $final-level: 10000;
-$loading-overlay: 1000;
+$loading-overlay: 500;
 $overheader: 100;
 $header: 10;
 $map-overlay: 2;
diff --git a/src/scss/cover.scss b/src/scss/cover.scss
index 5da39f4..0b007b7 100644
--- a/src/scss/cover.scss
+++ b/src/scss/cover.scss
@@ -7,7 +7,7 @@
   width: 100%;
   opacity: 1;
   transition: top 0.4s ease;
-  z-index: $overheader + 1;
+  z-index: $loading-overlay + 1;
   overflow-y: auto;
   overflow-x: hidden;
   color: $offwhite;