fix(shian): make search toggles not conflict with menu toggles

src/sass/components/_menu.scss

@@ -37,16 +37,19 @@
   &__nav-main {
     display: flex;
     flex-direction: column;
+    height: 100%;
+    overflow-y: hidden;
+    @include transition;
 
     @include screen(md) {
       flex-direction: row;
     }
 
     &.hidden {
-      display: none;
+      height: 0;
 
       @include screen(md) {
-        display: flex;
+        height: 100%;
       }
     }
   }

src/sass/ghost.scss

@@ -132,11 +132,15 @@
   }
 }
 
-#darkMode {
-  .menu__text {
-    display: block;
-    @include screen(md) {
-      display: none;
-    }
+.site-header {
+  &.search-enabled {
+    height: 100%;
+  }
+
+  &.search-enabled &__inner {
+    background: rgba(0, 0, 0, 0.5);
+  }
+  &.search-detached &__inner {
+    background: rgba(0, 0, 0, 0.5);
   }
 }