From 273c4e5fa33e5f5e3f5f4cf64f31864a93830f38 Mon Sep 17 00:00:00 2001 From: BoulderBadgeDad Date: Thu, 4 Jun 2026 19:04:39 -0700 Subject: [PATCH] Mobile: hide mini-player when Now Playing modal is open + uncap artist image - Hide the floating mini-player while the expanded Now Playing modal is open (it has z-index 99998 vs the overlay's 10001, so it floated over the modal). General fix (desktop too), via sibling selector on the overlay's open state. - Artist hero image: drop the max-width:40vw cap on mobile (overrides the base rule) so the image isn't artificially shrunk. --- webui/static/mobile.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/webui/static/mobile.css b/webui/static/mobile.css index aeb81487..2c4b1e2b 100644 --- a/webui/static/mobile.css +++ b/webui/static/mobile.css @@ -109,7 +109,8 @@ } #artist-hero-section #artist-detail-image { - width: 100% !important + width: 100% !important; + max-width: none !important; } #media-player { @@ -3453,3 +3454,12 @@ .np-queue-body { max-height: 240px; } .np-lyrics-body { max-height: 300px; } } + +/* When the expanded Now Playing modal is open, hide the floating mini-player — + it has a higher z-index (99998) than the modal overlay (10001), so it would + otherwise float on top of the modal's content. Both are body-level siblings + (#media-player follows #np-modal-overlay), and the overlay drops its .hidden + class when open. Not width-scoped — applies on desktop too. */ +.np-modal-overlay:not(.hidden) ~ #media-player { + display: none !important; +}