From 982653798f252e2613f6208676eb24e75e8a33ff Mon Sep 17 00:00:00 2001 From: BoulderBadgeDad Date: Thu, 4 Jun 2026 20:41:13 -0700 Subject: [PATCH] Mobile: only show sidebar visualizer when the drawer is open The visualizer is fixed at the desktop sidebar's edge; on mobile it floated over the page content whenever music played, even with the off-canvas sidebar closed. Hide it unless .sidebar.mobile-open (sibling selector, 3-class + !important to beat the .active/.viz-* display rules). When the drawer opens it shows again. --- webui/static/mobile.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/webui/static/mobile.css b/webui/static/mobile.css index 049eb677..02514fc7 100644 --- a/webui/static/mobile.css +++ b/webui/static/mobile.css @@ -3516,3 +3516,15 @@ .adl-cancel-all-btn, .adl-clear-btn { flex: 1 1 auto; } } + +@media (max-width: 768px) { + /* Sidebar visualizer is pinned at the (desktop) sidebar's right edge, so on + mobile it floats over the page content when the off-canvas sidebar drawer + is closed. Show it ONLY while the drawer is open. The .active/.viz-* rules + set display with 2-class specificity, so this 3-class + !important selector + is needed to beat them; when the drawer IS open it doesn't match, so the + visualizer's normal display rules take over again. */ + .sidebar:not(.mobile-open) ~ .sidebar-visualizer { + display: none !important; + } +}