luzadev/djaudiovisualizer
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Fix aux-row layout: pin select widths against the global 100% rule

Browse Source 
The control panel's global 'select { width: 100% }' made the mode dropdown
swallow the whole row, pushing the family/preset selects off-screen.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
lucianoandClaude Fable 5 committed 2026-08-05 15:21:36 +02:00
1 parent 203efe3333
commit 09bc0cc8cf
1 file changed
+4 -3
Download Patch File Download Diff File Expand all files Collapse all files
src/style.css
+4 -3
View File
@@ -955,10 +955,11 @@ kbd {
border-radius: 9px; border-radius: 9px;
font-size: 11.5px; font-size: 11.5px;
} }
.aux-row .aux-chk { flex: 1 1 auto; display: flex; align-items: center; gap: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .aux-row .aux-chk { flex: 1 1 120px; min-width: 0; display: flex; align-items: center; gap: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aux-row .aux-chk small { opacity: 0.6; } .aux-row .aux-chk small { opacity: 0.6; }
.aux-row .aux-mode { flex: 0 0 auto; padding: 4px 6px; font-size: 11px; } /* the global control select is width:100%: pin flex sizes explicitly */
.aux-row .aux-fx { flex: 1 1 auto; display: flex; gap: 4px; min-width: 0; } .aux-row .aux-mode { flex: 0 0 170px; width: 170px; padding: 4px 6px; font-size: 11px; }
.aux-row .aux-fx { flex: 1 1 220px; display: flex; gap: 4px; min-width: 0; }
.aux-row .aux-fx select { flex: 1; min-width: 0; padding: 4px 6px; font-size: 11px; } .aux-row .aux-fx select { flex: 1; min-width: 0; padding: 4px 6px; font-size: 11px; }
.aux-row .aux-img { flex: 0 0 auto; width: auto; padding: 4px 8px; font-size: 11px; } .aux-row .aux-img { flex: 0 0 auto; width: auto; padding: 4px 8px; font-size: 11px; }
.aux-row .aux-img-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.75; } .aux-row .aux-img-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.75; }