Administrator/Twitch-VOD-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 212 Wiki Activity

fix(ui): prevent queue buttons from being pushed off-screen by long queue

Browse Source 
Queue section now uses flex layout with flex-shrink:0 on action buttons,
so they stay visible regardless of queue list length.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
xRangerDE 2026-03-20 09:06:10 +01:00
parent 46dc29a226
commit 00cf7781d3
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/styles.css
View File

@ -172,6 +172,10 @@ body {
.queue-section { .queue-section {
border-top: 1px solid rgba(255,255,255,0.1); border-top: 1px solid rgba(255,255,255,0.1);
padding: 15px; padding: 15px;
display: flex;
flex-direction: column;
min-height: 0;
flex: 1;
} }
.queue-header { .queue-header {
@ -196,8 +200,9 @@ body {
} }
.queue-list { .queue-list {
max-height: 210px; flex: 1;
overflow-y: auto; overflow-y: auto;
min-height: 60px;
} }
.health-badge { .health-badge {
@ -378,6 +383,7 @@ body {
display: flex; display: flex;
gap: 8px; gap: 8px;
margin-top: 10px; margin-top: 10px;
flex-shrink: 0;
} }
.btn { .btn {