From e072b4913826699e5964751508687d3ba402eb22 Mon Sep 17 00:00:00 2001 From: BoulderBadgeDad Date: Sun, 31 May 2026 21:22:05 -0700 Subject: [PATCH] Track-detail modal: fix stray cover-art placeholder (hidden overridden by display:flex) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The 🎵 cover placeholder (and the empty provenance block) stayed visible even when JS set hidden, because .td-thumb-ph / .td-provenance set display:flex, which a class selector applies over the browser's [hidden] { display:none }. Scope a winning rule (#track-detail-overlay [hidden] { display:none !important }) so toggled-off elements actually disappear — the cover shows alone when present. --- webui/static/style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/webui/static/style.css b/webui/static/style.css index 7b7d2ce7..80373e48 100644 --- a/webui/static/style.css +++ b/webui/static/style.css @@ -42479,6 +42479,10 @@ div.artist-hero-badge { transition: opacity 0.25s ease; } .td-overlay.visible { opacity: 1; pointer-events: auto; } +/* The [hidden] attribute must win over our display:flex rules below + (.td-thumb-ph, .td-provenance, .td-audio) — otherwise JS-toggled-off + elements like the cover-art placeholder stay visible. */ +#track-detail-overlay [hidden] { display: none !important; } .td-modal { background: linear-gradient(135deg, #1c1c1c 0%, #131313 100%); border: 1px solid rgba(var(--accent-rgb), 0.22);