From 5e4412879d7ab8af3c23322d5a6b0f8e00ecf616 Mon Sep 17 00:00:00 2001 From: James Smith Date: Mon, 19 Jan 2026 21:11:59 +0000 Subject: [PATCH] Fix ACARS sidebar expanding page height Add height constraints and overflow handling to keep the sidebar static within viewport while allowing internal scrolling. --- static/css/adsb_dashboard.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/static/css/adsb_dashboard.css b/static/css/adsb_dashboard.css index 78779ca..634ea92 100644 --- a/static/css/adsb_dashboard.css +++ b/static/css/adsb_dashboard.css @@ -207,12 +207,16 @@ body { background: var(--bg-panel); border-right: 1px solid var(--border-color); flex-direction: row; + overflow: hidden; + height: 100%; + min-height: 0; } /* Show ACARS sidebar on desktop */ @media (min-width: 1024px) { .acars-sidebar { display: flex; + max-height: calc(100dvh - 95px); } } @@ -269,6 +273,8 @@ body { flex-direction: column; overflow: hidden; transition: width 0.3s ease, opacity 0.2s ease; + height: 100%; + min-height: 0; } .acars-sidebar.collapsed .acars-sidebar-content { @@ -283,6 +289,8 @@ body { flex-direction: column; border: none; border-radius: 0; + min-height: 0; + overflow: hidden; } .acars-sidebar .panel::before {