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

Lift the section rail clear of the floating mini player

Browse Source
This commit is contained in:
Jonathan Sykes
2026-09-22 14:58:31 +08:00
parent f411e49e4c
commit d64c5f2613
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/app.js
View File

@@ -5597,7 +5597,9 @@ const SectionRail = (() => {
// it entirely and the rail was parked underneath it. // it entirely and the rail was parked underneath it.
if (box.top > window.innerHeight * 0.5) occupied = Math.max(occupied, window.innerHeight - box.top); if (box.top > window.innerHeight * 0.5) occupied = Math.max(occupied, window.innerHeight - box.top);
} }
const want = Math.round(occupied + 14); // 14px was too tight: the mini player is a floating CARD with a shadow and
// rounded corners, so its visual edge reads higher than its box.
const want = Math.round(occupied + 24);
if (st.bottom !== want) { if (st.bottom !== want) {
st.bottom = want; st.bottom = want;
if (r) r.style.setProperty('--rail-bottom', want + 'px'); if (r) r.style.setProperty('--rail-bottom', want + 'px');

6
frontend/styles.css
View File

@@ -4261,6 +4261,12 @@ body.landscape-fs .player-stage { touch-action: none; } /* fullscreen (real or t
.sec-rail { .sec-rail {
top: auto; top: auto;
bottom: max(var(--rail-bottom, 0px), calc(96px + env(safe-area-inset-bottom) + 14px)); bottom: max(var(--rail-bottom, 0px), calc(96px + env(safe-area-inset-bottom) + 14px));
}
/* The mini player is a floating card ABOVE the nav, so when it is on screen
the rail has to clear both. Keeps the last icon visible even if the JS
measurement is stale (e.g. the PWA is still on a cached shell). */
body:has(#miniBar:not(.hidden)) .sec-rail {
bottom: max(var(--rail-bottom, 0px), calc(186px + env(safe-area-inset-bottom)));
transform: none; transform: none;
} }
} }