From b5cde8ed851e5fc33881f716adba625ce781a721 Mon Sep 17 00:00:00 2001 From: mwiegand Date: Sun, 17 May 2026 21:54:53 +0200 Subject: [PATCH] style(server-detail): pin tab-pane height so all three tabs stay same size MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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) --- l4d2web/l4d2web/static/css/components.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/l4d2web/l4d2web/static/css/components.css b/l4d2web/l4d2web/static/css/components.css index 25e4c72..3690b2c 100644 --- a/l4d2web/l4d2web/static/css/components.css +++ b/l4d2web/l4d2web/static/css/components.css @@ -1037,7 +1037,11 @@ div.modal.modal-wide { .tab-pane { 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; } .tab-pane[hidden] { display: none; }