@ketvietlab/ketsuite 0.1.13 → 0.1.14

package/dist/modules/backend/design/content.css

@@ -705,95 +705,7 @@
     }
   }
 
-  /* The compact shell is two useful rows: identity/search, then a horizontally
-     scrollable menu for the current app. The old responsive rules changed the
-     sidebar to a row but left its flexing navigation at desktop height, producing
-     more than 500px of empty space above every mobile screen. */
   @media (max-width: 47.9375rem) {
-    [data-ui="sidebar-main"] {
-      display: contents;
-    }
-
-    [data-ui="sidebar"],
-    body > [data-ui="shell"] > [data-ui="sidebar"] {
-      display: grid;
-      grid-template-columns: auto minmax(8rem, 1fr) auto;
-      align-items: center;
-      gap: var(--admin-gap-sm);
-      block-size: auto;
-      padding: var(--admin-gap-sm);
-    }
-    [data-ui="sidebar-header"] {
-      padding: 0;
-    }
-    /* The grid above reserves `minmax(8rem, 1fr)` for this. It was reserving that
-       column for an element `responsive.css` had hidden, so the row carried a
-       gap where the only other way out of a screen should have been. */
-    [data-ui="sidebar-search"] {
-      display: flex;
-      margin: 0;
-    }
-    /* The one definition of the mobile menu strip. `responsive.css` used to hide
-       it at this same breakpoint, in this same layer, at this same specificity —
-       so which rule won was decided by the order of the `styles` array and
-       nothing else. Swapping two lines in that array made the mobile menu
-       disappear entirely. */
-    [data-ui="sidebar-nav"] {
-      display: block;
-      grid-column: 1 / -1;
-      padding: 0;
-      overflow-x: auto;
-      overflow-y: hidden;
-      /* The desktop sidebar hides its scrollbar because it scrolls vertically
-         in a tall column where the cut edge is obvious. Lying on its side this
-         strip hides most of itself — two thirds of it on a phone — and without
-         a scrollbar there is nothing at all to say the rest exists. */
-      scrollbar-width: thin;
-      overscroll-behavior-inline: contain;
-      /* A second, quieter signal for the platforms that draw the scrollbar only
-         while it moves: the strip fades where it continues. */
-      mask-image: linear-gradient(to right, #000 calc(100% - 1.5rem), transparent);
-    }
-
-    [data-ui="sidebar-nav"]::-webkit-scrollbar {
-      display: block;
-      block-size: 0.25rem;
-    }
-    [data-ui="sidebar-section-label"],
-    [data-ui="app-list"],
-    [data-ui="menu-section-title"] {
-      display: none;
-    }
-    [data-ui="sidebar-foot"] {
-      display: flex;
-      grid-column: 3;
-      grid-row: 1;
-    }
-    [data-ui="menu"] {
-      display: flex;
-      inline-size: max-content;
-      gap: var(--admin-gap-xs);
-    }
-    [data-ui="menu-item-wrap"],
-    [data-ui="menu-section"] {
-      display: block;
-    }
-    [data-ui="menu-section-children"] {
-      display: flex;
-      inline-size: max-content;
-      gap: var(--admin-gap-xs);
-      margin: 0;
-      padding: 0;
-      border: 0;
-    }
-    [data-ui="menu-item"] {
-      min-block-size: 2.5rem;
-      padding-inline: var(--admin-gap);
-    }
-    [data-ui="menu-dot"] {
-      display: none;
-    }
-
     /* A list remains a readable list on a narrow screen. Let its own scroll box
        carry the width instead of squeezing identifiers into one-character lines. */
     [data-ui="table"] {