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

Mobile: hide mini-player when Now Playing modal is open + uncap artist image

Browse source 
- 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.
This commit is contained in:
BoulderBadgeDad 2026-06-04 19:04:39 -07:00
parent 5d8536a5bf
commit 273c4e5fa3
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
webui/static/mobile.css
View file

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