Merge pull request #210 from damongolding/fix/css-z-index

z-index css var fix
damongolding · Dec 6, 2024 · 7413cae · 7413cae
2 parents 50082a1 + 328f8a0
commit 7413cae
Show file tree

Hide file tree

Showing 6 changed files with 296 additions and 60 deletions.
diff --git a/frontend/public/assets/css/kiosk.css b/frontend/public/assets/css/kiosk.css
@@ -178,7 +178,7 @@ body {
   -moz-transition: opacity 1s ease-out;
   transition: opacity 1s ease-out;
   will-change: opacity;
-  z-index: var(-z-base);
+  z-index: var(--z-base);
 }
 
 /* src/css/spinner.css */
@@ -211,7 +211,7 @@ body {
   bottom: 0;
   overflow: hidden;
   background-color: #000;
-  z-index: var(-z-base);
+  z-index: var(--z-base);
 }
 .frame--image {
   position: absolute;
@@ -431,7 +431,7 @@ body {
   height: 200%;
   background-image: -moz-radial-gradient(0% 100%, 100% 100%, var(--fade-gradient));
   background-image: radial-gradient(100% 100% at 0% 100%, var(--fade-gradient));
-  z-index: var(-z-base);
+  z-index: var(--z-base);
 }
 .image--metadata--theme-solid {
   padding-left: 1.5rem;
@@ -1195,7 +1195,7 @@ body {
   height: 200%;
   background-image: -moz-radial-gradient(0% 100%, 100% 100%, var(--fade-gradient));
   background-image: radial-gradient(100% 100% at 0% 100%, var(--fade-gradient));
-  z-index: var(-z-base);
+  z-index: var(--z-base);
 }
 .weather {
   position: relative;
@@ -1267,7 +1267,7 @@ body {
     height: 200%;
     background-image: -moz-radial-gradient(100% 0%, 100% 100%, var(--fade-gradient));
     background-image: radial-gradient(100% 100% at 100% 0%, var(--fade-gradient));
-    z-index: var(-z-base);
+    z-index: var(--z-base);
   }
 .layout-splitview .weather--theme-solid {
     border-radius: 0 0 0 2rem;

diff --git a/frontend/src/css/container.css b/frontend/src/css/container.css
@@ -9,5 +9,5 @@
     transition: opacity 1s ease-out;
     will-change: opacity;
 
-    z-index: var(-z-base);
+    z-index: var(--z-base);
 }
diff --git a/frontend/src/css/frame.css b/frontend/src/css/frame.css
@@ -12,7 +12,7 @@
 
     background-color: #000;
 
-    z-index: var(-z-base);
+    z-index: var(--z-base);
 }
 
 .frame--image {

diff --git a/frontend/src/css/image.css b/frontend/src/css/image.css
@@ -48,7 +48,7 @@
         100% 100% at 0% 100%,
         var(--fade-gradient)
     );
-    z-index: var(-z-base);
+    z-index: var(--z-base);
 }
 
 /* solid theme */

diff --git a/frontend/src/css/weather.css b/frontend/src/css/weather.css
@@ -33,7 +33,7 @@
         100% 100% at 0% 100%,
         var(--fade-gradient)
     );
-    z-index: var(-z-base);
+    z-index: var(--z-base);
 }
 
 .weather {
@@ -103,7 +103,7 @@
             100% 100% at 100% 0%,
             var(--fade-gradient)
         );
-        z-index: var(-z-base);
+        z-index: var(--z-base);
     }
     .weather--theme-solid {
         border-radius: 0 0 0 2rem;