Fix ADS-B dashboard mobile - selected aircraft panel, back link, controls

This commit is contained in:
Smittix
2026-01-15 09:29:45 +00:00
parent bd0bd3a60f
commit 9636ae25e4
+24 -21
View File
@@ -1087,32 +1087,48 @@ body {
display: none !important; display: none !important;
} }
/* Selected aircraft panel - compact on mobile */ /* Selected aircraft panel - allow full content */
.selected-aircraft { .selected-aircraft {
max-height: 200px; max-height: none;
overflow-y: visible;
} }
/* Aircraft list - scrollable with reasonable height */ /* Aircraft list - scrollable with reasonable height */
.aircraft-list { .aircraft-list {
max-height: 300px; max-height: 250px;
} }
.aircraft-list-content { .aircraft-list-content {
max-height: 250px; max-height: 200px;
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
/* Controls bar - wrap and stack */ /* Controls bar - wrap and stack */
.controls-bar { .controls-bar {
order: 3;
grid-column: auto;
grid-row: auto;
flex-wrap: wrap; flex-wrap: wrap;
gap: 8px; gap: 8px;
padding: 10px; padding: 10px;
} }
/* Back link - prevent text wrapping */
.back-link {
white-space: nowrap;
font-size: 10px;
padding: 6px 8px;
}
/* Status bar - compact on mobile */
.status-bar {
flex-wrap: wrap;
gap: 6px;
}
/* Hide some status items on very small screens */
.datetime {
font-size: 10px;
}
.control-group { .control-group {
flex-wrap: wrap; flex-wrap: wrap;
} }
@@ -1145,26 +1161,13 @@ body {
margin-top: 8px; margin-top: 8px;
} }
/* Header simplification */ /* Stats badges - full width row */
.header {
flex-wrap: wrap;
gap: 8px;
}
.stats-badges { .stats-badges {
order: 3; order: 3;
width: 100%; width: 100%;
justify-content: center; justify-content: center;
} }
.status-bar {
gap: 10px;
}
.logo span {
display: none !important;
}
/* Telemetry grid - single column */ /* Telemetry grid - single column */
.telemetry-grid { .telemetry-grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;