Fix fullscreen lightgallery layering.

omeka · Dec 21, 2022 · b5e897d · b5e897d
1 parent 138742e
commit b5e897d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/css/sass/_screen.scss b/css/sass/_screen.scss
@@ -206,8 +206,8 @@ a.image img {
 }
 
 #admin-bar {
-    z-index: 9999;
     position: relative;
+    z-index: 1;
 }
 
 header {
@@ -217,8 +217,8 @@ header {
     justify-content: space-between;
     align-items: center;
     position: relative;
-    z-index: 9998;
     background-color: #fff;
+    z-index: 1;
 }
 
 #wrap {
@@ -627,11 +627,11 @@ footer {
     top: 0;
     left: 0;
     right: 0;
-    padding-top: (3.5 * $spacing-l);
+    z-index: 2;
 }
 
 .admin-bar.items.show.gallery .flex {
-    padding-top: calc(41px + #{3.5 * $spacing-l});
+    margin-top: calc(41px + #{3.5 * $spacing-l});
 }
 
 .items.show.gallery #content {

diff --git a/css/style.css b/css/style.css
@@ -210,8 +210,8 @@ input[type=checkbox] {
   }
 
   #admin-bar {
-    z-index: 9999;
     position: relative;
+    z-index: 1;
   }
 
   header {
@@ -221,8 +221,8 @@ input[type=checkbox] {
     justify-content: space-between;
     align-items: center;
     position: relative;
-    z-index: 9998;
     background-color: #fff;
+    z-index: 1;
   }
 
   #wrap {
@@ -634,11 +634,11 @@ input[type=checkbox] {
     top: 0;
     left: 0;
     right: 0;
-    padding-top: 73.5px;
+    z-index: 2;
   }
 
   .admin-bar.items.show.gallery .flex {
-    padding-top: calc(41px + 73.5px);
+    margin-top: calc(41px + 73.5px);
   }
 
   .items.show.gallery #content {