Nikolay Tatarinov
179357bc93
- Updated .dockerignore to streamline build context by ensuring unnecessary files are excluded. - Refined CSS styles in leaflet-overrides.css to enhance visual consistency and user experience for map tooltips and popups. - Improved map initialization and update handling in useMapApi and useMapUpdates composables for better performance and reliability.
60 lines
1.5 KiB
CSS
60 lines
1.5 KiB
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;
|
|
}
|
|
|
|
/* Leaflet tooltip: use theme colors (dark/light) */
|
|
.leaflet-tooltip {
|
|
background-color: var(--color-base-100);
|
|
color: var(--color-base-content);
|
|
border-color: var(--color-base-300);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
|
|
}
|
|
.leaflet-tooltip-top:before {
|
|
border-top-color: var(--color-base-100);
|
|
}
|
|
.leaflet-tooltip-bottom:before {
|
|
border-bottom-color: var(--color-base-100);
|
|
}
|
|
.leaflet-tooltip-left:before {
|
|
border-left-color: var(--color-base-100);
|
|
}
|
|
.leaflet-tooltip-right:before {
|
|
border-right-color: var(--color-base-100);
|
|
}
|
|
|
|
/* Leaflet popup: use theme colors (dark/light) */
|
|
.leaflet-popup-content-wrapper,
|
|
.leaflet-popup-tip {
|
|
background: var(--color-base-100);
|
|
color: var(--color-base-content);
|
|
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.35);
|
|
}
|
|
.leaflet-container a.leaflet-popup-close-button {
|
|
color: var(--color-base-content);
|
|
opacity: 0.7;
|
|
}
|
|
.leaflet-container a.leaflet-popup-close-button:hover,
|
|
.leaflet-container a.leaflet-popup-close-button:focus {
|
|
opacity: 1;
|
|
}
|