fix docsearch modal

Author: vincentlauvlwj

themes/doc/source/style/_doc/layout.scss

@@ -37,14 +37,11 @@ body {
     }
   }
 
-  &.doc-sidebar--is-visible:not(.DocSearch--active) {
+  &.doc-sidebar--is-visible {
     @media screen and (max-width: $doc-breakpoint) {
       .doc-sidebar {
         transform: translateX(0);
-      }
-
-      .doc-content {
-        transform: translateX($doc-sidebar-width);
+        z-index: 9;
       }
     }
   }

themes/doc/source/style/_doc/navigation.scss

@@ -173,21 +173,21 @@
         border-color: #26aafe;
         box-shadow: none;
       }
-    }
 
-    .DocSearch-Search-Icon {
-      margin: 0 4px;
-      width: 16px;
-      height: 16px;
-      color: #9b9b9b;
-    }
+      .DocSearch-Search-Icon {
+        margin: 0 4px;
+        width: 16px;
+        height: 16px;
+        color: #9b9b9b;
+      }
 
-    .DocSearch-Button-Placeholder {
-      display: initial !important;
-    }
-    
-    .DocSearch-Button-Keys {
-      display: none;
+      .DocSearch-Button-Placeholder {
+        display: initial !important;
+      }
+
+      .DocSearch-Button-Keys {
+        display: none;
+      }
     }
   }
 }