Fix ADS-B dashboard mobile layout and map rendering

- Add mobile CSS for dashboard to allow scrolling and proper stacking
- Set explicit height for map container on mobile (50vh min 300px)
- Remove sidebar max-height restriction on mobile
- Add map invalidateSize() on init, resize, and orientation change
- Fix controls bar wrapping and touch-friendly zoom controls
- Simplify header layout on mobile

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-15 09:15:01 +00:00
parent b3e67e5ef6
commit 4bb0c9b9a3
2 changed files with 175 additions and 0 deletions

View File

@@ -1392,8 +1392,25 @@ sudo make install</code>
// Draw range rings after map is ready
setTimeout(() => drawRangeRings(), 100);
// Fix map size on mobile after initialization
setTimeout(() => {
if (radarMap) radarMap.invalidateSize();
}, 200);
}
// Handle window resize for map (especially important on mobile)
window.addEventListener('resize', function() {
if (radarMap) radarMap.invalidateSize();
});
// Handle orientation changes for mobile devices
window.addEventListener('orientationchange', function() {
setTimeout(() => {
if (radarMap) radarMap.invalidateSize();
}, 200);
});
// ============================================
// TRACKING CONTROL
// ============================================