Reduce ADS-B map layout shift

This commit is contained in:
James Smith
2026-03-19 00:11:29 +00:00
parent 5731631ebc
commit 3afaa6e1ee
2 changed files with 61 additions and 23 deletions

View File

@@ -862,6 +862,9 @@ body {
min-height: 300px;
min-width: 0;
overflow: hidden;
background: #08121c;
contain: layout paint;
overflow-anchor: none;
}
@media (min-width: 768px) {
@@ -880,17 +883,19 @@ body {
.display-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
inset: 0;
isolation: isolate;
contain: layout paint;
overflow-anchor: none;
}
#radarMap {
position: relative;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
display: block;
background: #08121c;
contain: layout paint;
overflow-anchor: none;
}
.map-crosshair-overlay {
@@ -904,6 +909,16 @@ body {
--crosshair-x-end: 50%;
--crosshair-y-end: 50%;
--crosshair-duration: 1500ms;
contain: layout paint;
overflow-anchor: none;
}
#radarMap .leaflet-pane,
#radarMap .leaflet-map-pane,
#radarMap .leaflet-tile-pane,
#radarMap .leaflet-overlay-pane,
#radarMap .leaflet-tile {
overflow-anchor: none;
}
.map-crosshair-line {