Fix ACARS sidebar expanding page height

Add height constraints and overflow handling to keep the sidebar
static within viewport while allowing internal scrolling.
This commit is contained in:
James Smith
2026-01-19 21:11:59 +00:00
parent ce232e0512
commit 5e4412879d

View File

@@ -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 {