From f7616b71c392092bfdba669fd4decbecfe05a6a6 Mon Sep 17 00:00:00 2001 From: Bryan Van Deusen Date: Sun, 18 Oct 2026 22:56:54 -0400 Subject: [PATCH] fix(dashboard): the Add-a-widget drawer starts at the sidebar's edge, so none of it hides behind it (#6086) main's z-index makes it a stacking context, so the fixed drawer (z-index 60) could never rise over the sticky sidebar (z-index 20): its title, group labels and first column of widgets sat underneath. Above 900px the drawer now starts at left:220px; below, the sidebar is off-canvas and it keeps the full width. Co-Authored-By: Claude Opus 5.5 --- steward/static/steward.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/steward/static/steward.css b/steward/static/steward.css index 083520b..023fe2d 100644 --- a/steward/static/steward.css +++ b/steward/static/steward.css @@ -559,6 +559,10 @@ body.dash-editing main { padding-bottom:46vh; } box-shadow:var(--fs-shadow-3); z-index:60; padding:1rem 1.5rem 1.5rem; } body.dash-editing .widget-drawer { transform:translateY(0); } +/* main's z-index makes it a stacking context, so the drawer can't rise over + the sticky sidebar: start it at the sidebar's edge instead (#6086). Under + 900px the sidebar is off-canvas and the drawer spans the full width. */ +@media (min-width: 901px) { .widget-drawer { left:220px; } } .ping-addr { display:block; color:var(--text-muted); font-size:0.75rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .ping-pills { display:flex; gap:2px; flex:1; min-width:0; overflow:hidden; align-items:center; } .pill { display:inline-block; width:7px; height:22px; border-radius:2px; cursor:default; transition:opacity .1s; }