Make mobile docs drawer full width

Author: 54895y

src/css/custom.css

@@ -328,21 +328,23 @@ html[data-theme='dark'] .markdown table tr:nth-child(even) {
     inset: 0 auto 0 0;
     display: flex;
     flex-direction: column;
-    width: min(83vw, 26rem);
-    max-width: 26rem;
+    width: 100vw;
+    max-width: 100vw;
     height: 100dvh;
     max-height: 100dvh;
-    background: rgba(238, 246, 255, 0.92);
-    backdrop-filter: blur(18px);
+    background: #f4f9ff;
+    -webkit-backdrop-filter: none;
+    backdrop-filter: none;
   }
 
   html[data-theme='dark'] .navbar-sidebar {
-    background: rgba(12, 19, 31, 0.96);
+    background: #101827;
   }
 
   .navbar-sidebar__backdrop {
     background: rgba(17, 35, 63, 0.28);
-    backdrop-filter: blur(3px);
+    -webkit-backdrop-filter: none;
+    backdrop-filter: none;
   }
 
   .navbar-sidebar__brand {
@@ -370,20 +372,39 @@ html[data-theme='dark'] .markdown table tr:nth-child(even) {
     overflow: hidden;
   }
 
+  .navbar-sidebar__items--show-secondary {
+    transform: none !important;
+  }
+
   .theme-layout-navbar-sidebar-panel {
     height: 100%;
     padding: 0;
   }
 
+  .navbar-sidebar__items--show-secondary > .theme-layout-navbar-sidebar-panel:first-child {
+    display: none !important;
+  }
+
+  .navbar-sidebar__items--show-secondary > .theme-layout-navbar-sidebar-panel:last-child {
+    flex: 1 0 100%;
+    width: 100%;
+    min-width: 100%;
+  }
+
   .navbar-sidebar__item.menu {
     height: 100%;
     margin: 0;
     overflow-y: auto;
     border: none;
     border-radius: 0;
-    background: transparent;
+    background: rgba(255, 255, 255, 0.82);
     box-shadow: none;
     padding: 0.6rem 0.75rem 1rem;
+    color: var(--site-text-strong);
+  }
+
+  html[data-theme='dark'] .navbar-sidebar__item.menu {
+    background: rgba(19, 28, 42, 0.88);
   }
 
   .navbar-sidebar .theme-doc-sidebar-menu {
@@ -399,6 +420,21 @@ html[data-theme='dark'] .markdown table tr:nth-child(even) {
     padding: 0;
   }
 
+  .navbar-sidebar .theme-doc-sidebar-menu .menu__link,
+  .navbar-sidebar .theme-doc-sidebar-menu .categoryLink_byQd,
+  .navbar-sidebar .theme-doc-sidebar-menu .categoryLinkLabel_W154,
+  .navbar-sidebar .theme-doc-sidebar-menu .linkLabel_WmDU,
+  .navbar-sidebar .theme-doc-sidebar-menu .menu__caret {
+    color: var(--site-text-strong);
+    opacity: 1;
+  }
+
+  .navbar-sidebar .theme-doc-sidebar-menu .menu__link--active,
+  .navbar-sidebar .theme-doc-sidebar-menu .menu__link--sublist.menu__link--active {
+    background: var(--ifm-menu-color-background-active);
+    color: var(--ifm-menu-color-active);
+  }
+
   .navbar-sidebar__items .menu__link,
   .navbar-sidebar__items .menu__caret,
   .navbar-sidebar__items .navbar__link {