mirror of
https://github.com/smittix/intercept.git
synced 2026-04-24 14:50:00 -07:00
Reduce ADS-B map layout shift
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user