38 lines
2.0 KiB
CSS
38 lines
2.0 KiB
CSS
/* 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;
|
|
}
|
|
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; }
|
|
/* 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);
|
|
border-radius:18px; overflow:hidden; border:1px solid var(--glass-line);
|
|
background:var(--glass); -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px);
|
|
}
|
|
html[data-layout="glass-stage"] .mini-bar-inner {
|
|
border:0; border-radius:0; background:transparent; box-shadow:none;
|
|
-webkit-backdrop-filter:none; backdrop-filter:none;
|
|
}
|
|
html[data-layout="glass-stage"] .mini-progress { margin:0; height:3px; overflow:hidden; }
|
|
html[data-layout="glass-stage"] .player-pane {
|
|
padding-bottom:var(--glass-bottom-clearance, 32px);
|
|
scroll-padding-bottom:var(--glass-bottom-clearance, 32px);
|
|
}
|
|
html[data-layout="glass-stage"] #listPane {
|
|
padding-bottom:var(--glass-bottom-clearance, 32px) !important;
|
|
scroll-padding-bottom:var(--glass-bottom-clearance, 32px);
|
|
}
|
|
@media (max-width:860px) {
|
|
/* Portrait uses one shared scroller: reserve chrome once, at its tail. */
|
|
html[data-layout="glass-stage"] .body {
|
|
padding-bottom:var(--glass-bottom-clearance, calc(82px + env(safe-area-inset-bottom)));
|
|
scroll-padding-bottom:var(--glass-bottom-clearance, calc(82px + env(safe-area-inset-bottom)));
|
|
}
|
|
html[data-layout="glass-stage"] .player-pane { padding-bottom:14px; }
|
|
html[data-layout="glass-stage"] #listPane { padding-bottom:16px !important; }
|
|
}
|