Nikolay Tatarinov
fc42d86ca0
- Updated Makefile to include `--build` flag for `docker-compose.dev.yml` and `--no-cache` for `docker-compose.prod.yml` to ensure fresh builds. - Added new CSS styles for Leaflet tooltips and popups to utilize theme colors, enhancing visual consistency. - Enhanced MapView component with new props for markers and current zoom level, improving marker management and zoom functionality. - Introduced new icons for copy and info actions to improve user interface clarity. - Updated MapBookmarks and MapControls components to support new features and improve user experience with bookmarks and zoom controls. - Refactored MapSearch to display coordinates and improve marker search functionality.
60 lines
1.6 KiB
CSS
60 lines
1.6 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;
|
|
}
|