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

fix: make sidebar scroll as one unit so playlists stay reachable on short screens

Browse Source 
The sidebar contained two .playlist-list blocks each with flex:1 and its own
overflow-y:auto, nested inside the sidebar's own scroll. On screens too short
to fit everything, those inner flex regions collapsed toward zero height and
the playlists became unreachable. Drop the inner scroll/flex-grow and let the
whole sidebar scroll as a single unit at any screen size.
This commit is contained in:
Jonathan Sykes
2026-07-01 03:58:52 +08:00
parent fec069479f
commit 30a05d3ebd
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/styles.css
View File

@@ -93,6 +93,10 @@ body::after {
overflow-y: auto;
overflow-x: hidden;
}
/* The whole sidebar scrolls as a single unit; keep its sections at their
natural height so the playlists are always reachable on short screens
instead of collapsing competing inner scroll regions. */
.sidebar > * { flex-shrink: 0; }
.brand {
font-family: var(--display);
@@ -170,7 +174,7 @@ body::after {
}
.icon-btn:hover { background: var(--accent); border-color: var(--accent); color: #fff; transform: rotate(90deg); }
.playlist-list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; padding-right: 2px; }
.playlist-list { flex: 0 0 auto; display: flex; flex-direction: column; gap: 2px; padding-right: 2px; }
.playlist-item {
display: flex;
align-items: center;