From 62ab8aa6ba833795ce7186ec0330b51eb1372a01 Mon Sep 17 00:00:00 2001
From: Damillora <damillora@damillora.com>
Date: Sun, 11 Jul 2021 00:52:33 +0700
Subject: [PATCH] fix(shian): make search toggles not conflict with menu
 toggles

---
 src/sass/components/_menu.scss |  7 +++++--
 src/sass/ghost.scss            | 16 ++++++++++------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/sass/components/_menu.scss b/src/sass/components/_menu.scss
index 780e0f6..69bfff3 100644
--- a/src/sass/components/_menu.scss
+++ b/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%;
       }
     }
   }
diff --git a/src/sass/ghost.scss b/src/sass/ghost.scss
index b6b6b11..0923e69 100644
--- a/src/sass/ghost.scss
+++ b/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);
   }
 }
\ No newline at end of file