fix: Hide cyan scrollbar on controls bar and prevent airband cutoff

The blue bar at the bottom was the cyan-styled horizontal scrollbar on
the controls-bar. Hide it and allow the airband group to flex/wrap so
it stays within the viewport instead of overflowing off-screen.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-02-16 22:17:49 +00:00
parent ffb98425f1
commit 6e5cb0a23e

View File

@@ -1260,6 +1260,15 @@ body {
.control-group.airband-group {
background: rgba(245, 158, 11, 0.05);
border-color: rgba(245, 158, 11, 0.2);
flex: 1 1 auto;
min-width: 0;
}
.control-group.airband-group > .control-group-items {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px;
}
.control-group.airband-group .control-group-label {
@@ -1363,6 +1372,7 @@ body {
/* Custom scrollbar */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
@@ -1374,6 +1384,15 @@ body {
border-radius: 3px;
}
/* Hide scrollbar on controls bar */
.controls-bar::-webkit-scrollbar {
display: none;
}
.controls-bar {
scrollbar-width: none;
}
/* No aircraft message */
.no-aircraft {
text-align: center;