fix: z-index of open nav (#8029)

hbuchel · web-flow · commit a390eb24f15b · 2024-10-10T19:06:10.000Z
* fix z-index of open nav

* fix z-index of color switcher
diff --git a/src/styles/color-switcher.scss b/src/styles/color-switcher.scss
@@ -23,10 +23,11 @@
     &:hover {
       background-color: var(--amplify-colors-primary-10);
     }
-  }
-  .amplify-togglebutton--pressed {
-    color: var(--amplify-colors-font-primary);
-    border-color: var(--amplify-colors-neutral-100);
-    background-color: var(--amplify-colors-primary-10);
+    &.amplify-togglebutton--pressed {
+      color: var(--amplify-colors-font-primary);
+      border-color: var(--amplify-colors-neutral-100);
+      background-color: var(--amplify-colors-primary-10);
+      z-index: 1;
+    }
   }
 }
diff --git a/src/styles/layout.scss b/src/styles/layout.scss
@@ -136,7 +136,7 @@
   position: fixed;
   top: 0;
   width: 100%;
-  z-index: 1;
+  z-index: 2;
 }
 
 @keyframes menu {

Original file line number	Diff line number	Diff line change
`@@ -23,10 +23,11 @@`
`23`	`23`	`&:hover {`
`24`	`24`	`background-color: var(--amplify-colors-primary-10);`
`25`	`25`	`}`
`26`		`- }`
`27`		`- .amplify-togglebutton--pressed {`
`28`		`- color: var(--amplify-colors-font-primary);`
`29`		`- border-color: var(--amplify-colors-neutral-100);`
`30`		`- background-color: var(--amplify-colors-primary-10);`
	`26`	`+ &.amplify-togglebutton--pressed {`
	`27`	`+ color: var(--amplify-colors-font-primary);`
	`28`	`+ border-color: var(--amplify-colors-neutral-100);`
	`29`	`+ background-color: var(--amplify-colors-primary-10);`
	`30`	`+ z-index: 1;`
	`31`	`+ }`
`31`	`32`	`}`
`32`	`33`	`}`