Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-06-08 22:21:55 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix status dot color, map tiles, and button issues

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files
static/css/adsb_dashboard.css
+7 -5
View File
@@ -1604,6 +1604,8 @@ body {
}
.strip-btn {
position: relative;
z-index: 10;
background: rgba(74, 158, 255, 0.1);
border: 1px solid rgba(74, 158, 255, 0.2);
color: var(--text-primary);
@@ -1654,15 +1656,15 @@ body {
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--accent-red);
box-shadow: 0 0 10px var(--accent-red);
background: var(--accent-green);
box-shadow: 0 0 10px var(--accent-green);
animation: pulse 2s ease-in-out infinite;
transition: all 0.3s ease;
}
.strip-status .status-dot.active {
background: var(--accent-green);
box-shadow: 0 0 10px var(--accent-green);
.strip-status .status-dot.inactive {
background: var(--accent-red);
box-shadow: 0 0 10px var(--accent-red);
}
.strip-time {
templates/adsb_dashboard.html
+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)