fixed the layering of CSS elements

dmladek · dmladek · commit 23c06745f2f9 · 2025-01-10T16:18:38.000+13:00
diff --git a/src/styles/App.css b/src/styles/App.css
@@ -31,15 +31,18 @@ p {
 .nav-left {
   flex: 1;
   padding-left: 30px;
+  z-index: 1000; /* Add this line to ensure the nav bar stays on top */
 }
 
 .nav-center {
   flex: 0 1 0;
+  z-index: 1000; /* Add this line to ensure the nav bar stays on top */
 }
 
 .nav-right {
   flex: 1;
   padding-right: 30px;
+  z-index: 1000; /* Add this line to ensure the nav bar stays on top */
 }
 
 section {
@@ -60,6 +63,7 @@ nav {
   position: fixed;
   width: 100vw;
   background-color: rgba(0, 0, 0, 0.1);
+  z-index: 999; /* Add this line to ensure the nav bar stays on top */
 }
 
 .nav-tab {
diff --git a/src/styles/output.css b/src/styles/output.css
@@ -646,15 +646,21 @@ p {
 .nav-left {
   flex: 1;
   padding-left: 30px;
+  z-index: 1000;
+  /* Add this line to ensure the nav bar stays on top */
 }
 
 .nav-center {
   flex: 0 1 0;
+  z-index: 1000;
+  /* Add this line to ensure the nav bar stays on top */
 }
 
 .nav-right {
   flex: 1;
   padding-right: 30px;
+  z-index: 1000;
+  /* Add this line to ensure the nav bar stays on top */
 }
 
 section {
@@ -675,6 +681,8 @@ nav {
   position: fixed;
   width: 100vw;
   background-color: rgba(0, 0, 0, 0.1);
+  z-index: 999;
+  /* Add this line to ensure the nav bar stays on top */
 }
 
 .nav-tab {

Original file line number	Diff line number	Diff line change
`@@ -31,15 +31,18 @@ p {`
`31`	`31`	`.nav-left {`
`32`	`32`	`flex: 1;`
`33`	`33`	`padding-left: 30px;`
	`34`	`+ z-index: 1000; /* Add this line to ensure the nav bar stays on top */`
`34`	`35`	`}`
`35`	`36`
`36`	`37`	`.nav-center {`
`37`	`38`	`flex: 0 1 0;`
	`39`	`+ z-index: 1000; /* Add this line to ensure the nav bar stays on top */`
`38`	`40`	`}`
`39`	`41`
`40`	`42`	`.nav-right {`
`41`	`43`	`flex: 1;`
`42`	`44`	`padding-right: 30px;`
	`45`	`+ z-index: 1000; /* Add this line to ensure the nav bar stays on top */`
`43`	`46`	`}`
`44`	`47`
`45`	`48`	`section {`
`@@ -60,6 +63,7 @@ nav {`
`60`	`63`	`position: fixed;`
`61`	`64`	`width: 100vw;`
`62`	`65`	`background-color: rgba(0, 0, 0, 0.1);`
	`66`	`+ z-index: 999; /* Add this line to ensure the nav bar stays on top */`
`63`	`67`	`}`
`64`	`68`
`65`	`69`	`.nav-tab {`