🐛 fix navbar being hidden behind sticky/fixed elements

krmax44 · krmax44 · commit 8a87719a7b49 · 2024-02-23T13:46:04.000+01:00
diff --git a/frontend/styles/header.scss b/frontend/styles/header.scss
@@ -4,7 +4,7 @@ $c: map.get($container-max-widths, 'xxl');
 
 #header {
   position: relative;
-  z-index: 50;
+  z-index: 1031; // over .fixed-* and .sticky-*, but below modals etc.
 }
 
 #header nav {
@@ -18,7 +18,7 @@ $c: map.get($container-max-widths, 'xxl');
     list-style: none;
     padding: 0;
     margin: 0;
-    z-index: 100;
+    z-index: 1031;
   }
 
   ul.nav-ul {

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@ $c: map.get($container-max-widths, 'xxl');`
`4`	`4`
`5`	`5`	`#header {`
`6`	`6`	`position: relative;`
`7`		`- z-index: 50;`
	`7`	`+ z-index: 1031; // over .fixed-* and .sticky-*, but below modals etc.`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`#header nav {`
`@@ -18,7 +18,7 @@ $c: map.get($container-max-widths, 'xxl');`
`18`	`18`	`list-style: none;`
`19`	`19`	`padding: 0;`
`20`	`20`	`margin: 0;`
`21`		`- z-index: 100;`
	`21`	`+ z-index: 1031;`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`ul.nav-ul {`