Fix status dot color, map tiles, and button issues

- Fix status dot to be red when inactive, green when tracking
- Add additional map invalidateSize call to fix missing tiles on load
- Add type="button" and z-index to strip buttons for proper click handling

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-15 15:21:50 +00:00
parent 6efa10643e
commit 2e27efdfbf
2 changed files with 15 additions and 8 deletions
+8 -3
View File
@@ -68,13 +68,13 @@
<span class="strip-label">SESSION</span>
</div>
<div class="strip-divider"></div>
<button class="strip-btn" onclick="showSquawkReference()" title="Squawk Code Reference">
<button type="button" class="strip-btn" onclick="showSquawkReference()" title="Squawk Code Reference">
📟 Squawk
</button>
<button class="strip-btn" onclick="lookupSelectedFlight()" title="Lookup selected aircraft on FlightAware" id="flightLookupBtn" disabled>
<button type="button" class="strip-btn" onclick="lookupSelectedFlight()" title="Lookup selected aircraft on FlightAware" id="flightLookupBtn" disabled>
🔗 Lookup
</button>
<button class="strip-btn primary" onclick="generateReport()" title="Generate Session Report">
<button type="button" class="strip-btn primary" onclick="generateReport()" title="Generate Session Report">
📊 Report
</button>
<div class="strip-divider"></div>
@@ -2068,6 +2068,11 @@ sudo make install</code>
setTimeout(() => {
if (radarMap) radarMap.invalidateSize();
}, 200);
// Additional invalidateSize to ensure all tiles load
setTimeout(() => {
if (radarMap) radarMap.invalidateSize();
}, 500);
}
// Handle window resize for map (especially important on mobile)