SysOps: manual — 2026-07-30 09:33 UTC

cockpit/static/css/app-sidebar-neo.css

@@ -1,24 +1,36 @@
 /* Sidebar — clean, uniform nav (loads last, wins over topnav-neo) */
 
 .app-shell {
-  display: grid;
-  grid-template-columns: 220px 1fr;
+  display: block;
   min-height: 100vh;
 }
 
 .app-sidebar {
-  position: sticky;
+  position: fixed;
   top: 0;
-  align-self: start;
-  height: auto;
-  max-height: none;
-  overflow: visible;
-  overflow-x: hidden;
-  padding: 0.75rem 0.6rem;
+  left: 0;
+  bottom: 0;
+  width: 220px;
+  z-index: 200;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  padding: 0.75rem 0.6rem 0;
   background: #080c12;
   border-right: 1px solid rgba(148, 163, 184, 0.1);
 }
 
+.app-main {
+  margin-left: 220px;
+  min-width: 0;
+  min-height: 100vh;
+}
+
+.app-sidebar-brand,
+.persona-switch.brand-switch {
+  flex-shrink: 0;
+}
+
 .app-sidebar-brand {
   padding: 0.25rem 0.5rem 0.75rem;
   margin-bottom: 0.5rem;
@@ -59,7 +71,16 @@
 .brand-btn-cucina.active { color: #fdba74; border-color: rgba(251, 146, 60, 0.4); background: rgba(251, 146, 60, 0.1); }
 .brand-btn-foodlinkk.active { color: #7dd3fc; border-color: rgba(14, 165, 233, 0.4); background: rgba(14, 165, 233, 0.1); }
 
-.persona-nav { display: contents; }
+.persona-nav {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
+  padding-bottom: 0.75rem;
+  scrollbar-gutter: stable;
+}
 
 .app-sidebar-group {
   margin-bottom: 0.65rem;