fix docsearch modal

kotlin-orm · Oct 2, 2024 · 0dd8fe3 · 0dd8fe3
1 parent 38f0b6c
commit 0dd8fe3
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 18 deletions.
diff --git a/themes/doc/source/style/_doc/layout.scss b/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;
       }
     }
   }

diff --git a/themes/doc/source/style/_doc/navigation.scss b/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;
+      }
     }
   }
 }