style: fixes z-index when search is open (#1090)

carbon-design-system · Jan 15, 2021 · fa3a799 · fa3a799 · vercel · Jan 15, 2021
1 parent 63178e5
commit fa3a799
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/gatsby-theme-carbon/src/components/Header/Header.module.scss b/packages/gatsby-theme-carbon/src/components/Header/Header.module.scss
@@ -5,6 +5,7 @@
   top: 0;
   right: 0;
   width: calc(100% - 3rem);
+  z-index: 2;
   @include carbon--breakpoint('lg') {
     position: static;
     width: auto;
@@ -109,7 +110,7 @@ header.header {
   border-top: 1px solid transparent;
   display: flex;
   align-items: center;
-  z-index: 1;
+  z-index: 3;
   &:focus {
     outline: 2px solid $carbon--white-0;
     outline-offset: -2px;
@@ -121,6 +122,10 @@ header.header {
   }
 }
 
+.collapsed {
+  z-index: 1;
+}
+
 .header .header-button {
   flex-shrink: 0;
   transition: background-color $duration--fast-02 $carbon--standard-easing;