[#32]:svarga:ui, made vanished menu re-appear

Author: steven-varga

docs/styles/mobile.css

@@ -180,3 +180,43 @@
         font-size: 0.55rem !important;
     }
 }
+/* ===== compact mode: hide gutters but allow mobile drawer ===== */
+@media (max-width: 1024px) {
+  /* default: no gutters */
+  .md-sidebar--secondary,
+  .md-sidebar__scrollwrap {
+    display: none !important;
+    width: 0 !important;
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+
+  /* keep primary sidebar off-canvas, not display:none */
+  .md-sidebar--primary {
+    /* off-screen but present so it can animate in */
+    visibility: hidden !important;
+    transform: translateX(-120%) !important;
+    width: 0 !important;
+  }
+
+  /* content stays single-column */
+  .md-main__inner { grid-template-columns: 1fr !important; }
+  .md-content     { margin: 0 !important; padding: 0 !important; max-width: 100% !important; }
+
+  /* when drawer is opened, re-enable and slide in the primary sidebar */
+  #__drawer:checked ~ .md-container .md-sidebar--primary,
+  .md-sidebar--primary[data-md-state="active"] {
+    display: block !important;             /* ensure visible */
+    visibility: visible !important;
+    transform: translateX(0) !important;   /* slide in */
+    width: min(80vw, 20rem) !important;    /* give it a real width */
+    max-width: 90vw !important;
+  }
+
+  /* its internal scroller must also be visible when open */
+  #__drawer:checked ~ .md-container .md-sidebar--primary .md-sidebar__scrollwrap,
+  .md-sidebar--primary[data-md-state="active"] .md-sidebar__scrollwrap {
+    display: block !important;
+    width: 100% !important;
+  }
+}