danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Align modal: pin footer so the Align buttons aren't clipped on long playlists

Browse source 
The server-order list wasn't flex-shrinking, so a long tracklist pushed the
align footer past the dialog's 80vh cap and overflow:hidden clipped it. Make the
list flex:1/min-height:0 (scrolls) and the footer flex:0 0 auto (always visible).
This commit is contained in:
BoulderBadgeDad 2026-06-24 13:03:10 -07:00
parent 606d1f951d
commit 8afbfbfeab
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
webui/static/style.css
View file

@ -58594,7 +58594,7 @@ tr.tag-diff-same {
line-height: 1; cursor: pointer; padding: 0 4px;
}
.server-order-close:hover { color: #fff; }
.server-order-list { overflow-y: auto; padding: 8px 8px 12px; }
.server-order-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 8px 8px 12px; }
.server-order-row {
display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 8px;
}
@ -58607,7 +58607,7 @@ tr.tag-diff-same {
.server-order-title { font-size: 13px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.server-order-artist { font-size: 11.5px; color: rgba(255, 255, 255, 0.45); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.server-order-empty { padding: 20px; text-align: center; color: rgba(255, 255, 255, 0.4); font-size: 13px; }
.server-order-foot { padding: 14px 16px 16px; border-top: 1px solid rgba(255, 255, 255, 0.07); }
.server-order-foot { flex: 0 0 auto; padding: 14px 16px 16px; border-top: 1px solid rgba(255, 255, 255, 0.07); }
.server-order-foot-label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px;
color: rgba(255, 255, 255, 0.5); margin-bottom: 10px; }
.server-order-actions { display: flex; gap: 10px; }