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

Glass Stage: float the section rail again, centred above the mini player

Browse Source
This commit is contained in:
Jonathan Sykes
2026-10-04 02:17:48 +08:00
parent 528e7c1ea1
commit 25ae810463
5 changed files with 48 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/theme-glass-panel.css
View File

@@ -1,12 +1,12 @@
/* In-flow section shortcuts cannot cover a heading, filter or list row. */
html[data-layout="glass-stage"] #listPane > .sec-rail {
position:static; inset:auto; transform:none; display:flex !important;
align-self:flex-start; flex:none; flex-direction:row; flex-wrap:nowrap;
width:max-content; max-width:100%; margin:0 0 12px; z-index:auto;
/* Section shortcuts float, centred above the mini player and bottom nav
(bottom comes from --rail-bottom, measured by SectionRail.placeRail()). */
html[data-layout="glass-stage"] .sec-rail,
html[data-layout="glass-stage"] body:has(#miniBar:not(.hidden)) .sec-rail {
position:fixed; top:auto; right:auto; left:50%; transform:translateX(-50%);
flex-direction:row; flex-wrap:nowrap; width:max-content; max-width:calc(100% - 24px); z-index:60;
}
html[data-layout="glass-stage"] #listPane > .sec-rail.hidden { display:none !important; }
html[data-layout="glass-stage"] #listPane > .sec-rail .sec-rail-btn { flex:none; }
html[data-layout="glass-stage"] #listPane > .sec-rail .sec-rail-label { z-index:1; }
html[data-layout="glass-stage"] .sec-rail-label { left:50%; transform:translateX(-50%); }
/* Keep the progress strip inside the same rounded card as the controls. */
html[data-layout="glass-stage"] .mini-bar {
bottom:calc(var(--glass-nav-height, 66px + env(safe-area-inset-bottom)) + 8px);