diff --git a/frontend/packages/dashboard/src/dashboard.css b/frontend/packages/dashboard/src/dashboard.css index 1ca6a9bf..b76e9f53 100644 --- a/frontend/packages/dashboard/src/dashboard.css +++ b/frontend/packages/dashboard/src/dashboard.css @@ -1302,10 +1302,10 @@ footer .banner-thin { /* #451: width is a CSS variable so the drag handle (added by Panel.bind) can update it live, and so localStorage-persisted widths apply on first paint. Default min(760px, 94vw) preserves - the pre-#451 behaviour for operators who never drag. The body - adds `data-spw=""` once persisted; CSS doesn't read it - directly — JS sets `--side-panel-w` via inline style on the - drawer. */ + the pre-#451 behaviour for operators who never drag. JS sets + `--side-panel-w` via inline style on the drawer; persistence + lives in localStorage (key `hyperhive:side-panel-width`), + replayed onto the var by `Panel.applyStoredWidth` at bind. */ width: var(--side-panel-w, min(760px, 94vw)); /* Clamp so a stored width can never push the drawer off-screen or shrink it past readability. min content width matches the