Enhance map components and improve build processes
- 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.
This commit is contained in:
@@ -21,3 +21,39 @@
|
||||
.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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user