cronekorkn/left4me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(server-detail): pin tab-pane height so all three tabs stay same size

Browse source 
Switches .tab-pane from max-height: 18rem to height: 18rem. The console
pane was already always 288px tall because its flex layout reserves
space for the pinned input; the log and files panes were only as tall
as their content, so the inspection strip shrank when log scrollback
was short. Now every tab reports the same 288px height — strip height
no longer jumps when you switch tabs.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
mwiegand 2026-05-17 21:54:53 +02:00
parent 1105f578e4
commit b5cde8ed85
No known key found for this signature in database
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
l4d2web/l4d2web/static/css/components.css
View file

@ -1037,7 +1037,11 @@ div.modal.modal-wide {
.tab-pane { .tab-pane {
padding: var(--space-s); padding: var(--space-s);
max-height: 18rem; /* Fixed height (not max-height) so the strip stays the same size
regardless of how much content the active tab has. The console
tab's flex layout reserves full height for the input pin; the
log and files tabs use scrollable overflow. */
height: 18rem;
overflow: auto; overflow: auto;
} }
.tab-pane[hidden] { display: none; } .tab-pane[hidden] { display: none; }