Nikolay Tatarinov
8331473808
- Updated tile freshness animation to reduce flicker and improve visual clarity. - Modified MapView component to optimize layer visibility handling and ensure proper map resizing on fullscreen toggle. - Increased tile buffer size in map initialization for better tile loading efficiency. - Implemented logic to limit tile updates to only visible tiles, enhancing rendering performance during map updates.
24 lines
602 B
CSS
24 lines
602 B
CSS
/* Map container background from theme (DaisyUI base-200) */
|
|
.leaflet-container {
|
|
background: var(--color-base-200);
|
|
}
|
|
|
|
/* Override Leaflet default: show tiles even when leaflet-tile-loaded is not applied
|
|
(e.g. due to cache, Nuxt hydration, or load event order). */
|
|
.leaflet-tile {
|
|
visibility: visible !important;
|
|
}
|
|
|
|
/* Subtle highlight when a tile is updated via SSE (reduced intensity to limit flicker). */
|
|
@keyframes tile-fresh-glow {
|
|
0% {
|
|
opacity: 0.92;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.leaflet-tile.tile-fresh {
|
|
animation: tile-fresh-glow 0.4s ease-out;
|
|
}
|