polen/prixdugaz
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: bump z-index on controls/slider/legend to sit above leaflet layers

Browse source
This commit is contained in:
Polen 2026-04-02 09:54:25 -04:00
parent 46c024e8bd
commit f8d08a842e
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
static/index.html
View file

@ -22,7 +22,7 @@
position: fixed; top: 12px; left: 56px; position: fixed; top: 12px; left: 56px;
background: white; padding: 10px 14px; background: white; padding: 10px 14px;
border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2);
z-index: 1000; font-size: 13px; z-index: 2000; font-size: 13px;
display: flex; align-items: center; gap: 8px; display: flex; align-items: center; gap: 8px;
} }
.mode-btn { .mode-btn {
@ -38,7 +38,7 @@
position: fixed; top: 56px; left: 56px; position: fixed; top: 56px; left: 56px;
background: white; padding: 10px 14px; background: white; padding: 10px 14px;
border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2);
z-index: 1000; font-size: 13px; min-width: 260px; z-index: 2000; font-size: 13px; min-width: 260px;
display: none; display: none;
} }
#slider-panel label { display: block; margin-bottom: 6px; font-weight: 600; } #slider-panel label { display: block; margin-bottom: 6px; font-weight: 600; }
@ -51,7 +51,7 @@
position: fixed; bottom: 20px; right: 20px; position: fixed; bottom: 20px; right: 20px;
background: white; padding: 12px 16px; background: white; padding: 12px 16px;
border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2);
z-index: 1000; font-size: 13px; min-width: 180px; z-index: 2000; font-size: 13px; min-width: 180px;
} }
#legend h3 { margin-bottom: 8px; font-size: 14px; } #legend h3 { margin-bottom: 8px; font-size: 14px; }
.legend-gradient { .legend-gradient {
@ -197,13 +197,13 @@
if (mode === 'heatmap') { if (mode === 'heatmap') {
map.removeLayer(stationMarkers); map.removeLayer(stationMarkers);
if (heatLayer) map.addLayer(heatLayer); if (heatLayer) map.addLayer(heatLayer);
document.getElementById('legend').style.display = ''; document.getElementById('legend').style.display = 'block';
document.getElementById('slider-panel').style.display = 'none'; document.getElementById('slider-panel').style.display = 'none';
} else { } else {
if (heatLayer) map.removeLayer(heatLayer); if (heatLayer) map.removeLayer(heatLayer);
map.addLayer(stationMarkers); map.addLayer(stationMarkers);
document.getElementById('legend').style.display = 'none'; document.getElementById('legend').style.display = 'none';
document.getElementById('slider-panel').style.display = ''; document.getElementById('slider-panel').style.display = 'block';
} }
} }