Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-04-24 14:50:00 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix mobile navigation and display issues

Browse Source 
- Add APRS to mobile navigation bar (was missing)
- Fix CSS that was forcing aircraft visuals to always display
- Only apply flex layout to visuals when they are actually visible
- Fix ADS-B dashboard mobile layout with proper flex ordering
- Reset grid properties on mobile for proper stacking
- Hide ACARS sidebar on mobile (desktop only feature)
This commit is contained in:
Smittix
2026-01-15 09:22:35 +00:00
parent 4bb0c9b9a3
commit d510ba30f6
3 changed files with 37 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
static/css/responsive.css
View File

@@ -415,15 +415,26 @@
-webkit-overflow-scrolling: touch;
}
/* Visual panels should stack in single column on mobile */
/* Visual panels should stack in single column on mobile when visible */
.wifi-visuals,
.bt-visuals,
#aircraftVisuals {
.bt-visuals {
display: flex;
flex-direction: column;
gap: 10px;
}
/* Only apply flex when aircraft visuals are shown (via JS setting display: grid) */
#aircraftVisuals[style*="grid"] {
display: flex !important;
flex-direction: column !important;
gap: 10px;
}
/* APRS visuals - only when visible */
#aprsVisuals[style*="flex"] {
flex-direction: column !important;
}
.wifi-visual-panel {
grid-column: auto !important;
}