fix: bump MapLibre CSS specificity to 020 — CDN loads after style.css so same-specificity rules lost
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user