fix: bump MapLibre CSS specificity to 020 — CDN loads after style.css so same-specificity rules lost

This commit is contained in:
2026-06-19 22:11:21 +02:00
parent 044e74f5d3
commit 456fc94c8e
+8 -5
View File
@@ -378,15 +378,18 @@ body::after {
}
/* ── MapLibre GL overrides ───────────────────────────────────────────────── */
/* Selectors use a parent class to reach specificity 020, beating MapLibre's
own 010 rules which load after style.css (inline CDN link in templates). */
/* Navigation controls (zoom +/) */
.maplibregl-ctrl-group {
.maplibregl-ctrl .maplibregl-ctrl-group {
background: var(--color-canvas);
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
box-shadow: var(--shadow-sm);
}
.maplibregl-ctrl-group button {
background: var(--color-canvas);
color: var(--color-ink-2);
}
.maplibregl-ctrl-group button:hover {
@@ -411,7 +414,7 @@ body::after {
}
/* Popup */
.maplibregl-popup-content {
.maplibregl-popup .maplibregl-popup-content {
background: var(--color-canvas);
color: var(--color-ink);
font-family: var(--font-ui);
@@ -420,15 +423,15 @@ body::after {
box-shadow: var(--shadow-md);
padding: var(--space-4);
}
.maplibregl-popup-tip {
.maplibregl-popup .maplibregl-popup-tip {
border-top-color: var(--color-canvas) !important;
}
.maplibregl-popup-close-button {
.maplibregl-popup .maplibregl-popup-close-button {
color: var(--color-ink-muted);
font-size: 1.1rem;
padding: var(--space-1) var(--space-2);
}
.maplibregl-popup-close-button:hover {
.maplibregl-popup .maplibregl-popup-close-button:hover {
color: var(--color-ink);
background: transparent;
}