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

This commit is contained in:
Polen 2026-04-02 09:54:25 -04:00
parent 46c024e8bd
commit f8d08a842e

View file

@ -22,7 +22,7 @@
position: fixed; top: 12px; left: 56px;
background: white; padding: 10px 14px;
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;
}
.mode-btn {
@ -38,7 +38,7 @@
position: fixed; top: 56px; left: 56px;
background: white; padding: 10px 14px;
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;
}
#slider-panel label { display: block; margin-bottom: 6px; font-weight: 600; }
@ -51,7 +51,7 @@
position: fixed; bottom: 20px; right: 20px;
background: white; padding: 12px 16px;
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-gradient {
@ -197,13 +197,13 @@
if (mode === 'heatmap') {
map.removeLayer(stationMarkers);
if (heatLayer) map.addLayer(heatLayer);
document.getElementById('legend').style.display = '';
document.getElementById('legend').style.display = 'block';
document.getElementById('slider-panel').style.display = 'none';
} else {
if (heatLayer) map.removeLayer(heatLayer);
map.addLayer(stationMarkers);
document.getElementById('legend').style.display = 'none';
document.getElementById('slider-panel').style.display = '';
document.getElementById('slider-panel').style.display = 'block';
}
}