danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Track-detail modal: fix stray cover-art placeholder (hidden overridden by display:flex)

Browse source 
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.
This commit is contained in:
BoulderBadgeDad 2026-05-31 21:22:05 -07:00
parent 134d306511
commit e072b49138
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
webui/static/style.css
View file

@ -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);