josh/ytplayer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sidebar drawer ends above the bottom nav so Audio-only is reachable; landscape lyrics (orientation lock, CSS rotation on iOS) in the stage and watch party

Browse Source
This commit is contained in:
Jonathan Sykes
2026-10-15 19:24:26 +08:00
parent ca042ccbe3
commit 23097918e9
5 changed files with 60 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/styles.css
View File

@@ -4183,6 +4183,17 @@ body.landscape-fs .player-stage { touch-action: none; } /* fullscreen (real or t
@media (hover: none) {
.stage-lyrics-bar { opacity: 1; }
}
/* Landscape lyrics: the whole screen. Held upright (iOS can't lock the
orientation), the view is turned a quarter so it reads sideways. */
.stage-lyrics.landscape { position: fixed; inset: 0; z-index: 900; background: #000; }
.stage-lyrics.landscape .stage-lyrics-bar { padding-bottom: calc(8px + env(safe-area-inset-bottom)); }
@media (orientation: portrait) {
.stage-lyrics.landscape {
inset: auto; top: 0; left: 100vw; width: 100vh; width: 100dvh; height: 100vw;
transform-origin: top left; transform: rotate(90deg);
}
}
body.lyrics-landscape { overflow: hidden; }
/* --- "syncing" spinner beside the Playlists header -----------------------
Playlists paint from localStorage on the first frame; this says the