Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-07-02 14:58:58 -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 { .strip-btn {
position: relative;
z-index: 10;
background: rgba(74, 158, 255, 0.1); background: rgba(74, 158, 255, 0.1);
border: 1px solid rgba(74, 158, 255, 0.2); border: 1px solid rgba(74, 158, 255, 0.2);
color: var(--text-primary); color: var(--text-primary);
@@ -1654,15 +1656,15 @@ body {
width: 10px; width: 10px;
height: 10px; height: 10px;
border-radius: 50%; border-radius: 50%;
background: var(--accent-red); background: var(--accent-green);
box-shadow: 0 0 10px var(--accent-red); box-shadow: 0 0 10px var(--accent-green);
animation: pulse 2s ease-in-out infinite; animation: pulse 2s ease-in-out infinite;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.strip-status .status-dot.active { .strip-status .status-dot.inactive {
background: var(--accent-green); background: var(--accent-red);
box-shadow: 0 0 10px var(--accent-green); box-shadow: 0 0 10px var(--accent-red);
} }
.strip-time { .strip-time {
templates/adsb_dashboard.html
+8 -3
View File
@@ -68,13 +68,13 @@
<span class="strip-label">SESSION</span> <span class="strip-label">SESSION</span>
</div> </div>
<div class="strip-divider"></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 📟 Squawk
</button> </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 🔗 Lookup
</button> </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 📊 Report
</button> </button>
<div class="strip-divider"></div> <div class="strip-divider"></div>
@@ -2068,6 +2068,11 @@ sudo make install</code>
setTimeout(() => { setTimeout(() => {
if (radarMap) radarMap.invalidateSize(); if (radarMap) radarMap.invalidateSize();
}, 200); }, 200);
// Additional invalidateSize to ensure all tiles load
setTimeout(() => {
if (radarMap) radarMap.invalidateSize();
}, 500);
} }
// Handle window resize for map (especially important on mobile) // Handle window resize for map (especially important on mobile)