iarv/meshstream
1
0
Fork 1
mirror of https://github.com/dpup/meshstream.git synced 2026-03-28 17:42:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

Style MapLibre attribution to match dark theme

Browse Source 
Default attribution renders as a white pill on dark maps.
Override with dark semi-transparent background and muted text,
consistent across all map components.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Daniel Pupius
2026-03-15 23:38:34 +00:00
parent cb04054d18
commit c969b7930c
1 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
web/src/styles/index.css
View File

@@ -17,6 +17,37 @@
}
}
/* MapLibre attribution — dark theme, always-compact icon */
.maplibregl-ctrl-attrib.maplibregl-compact {
background: rgba(0, 0, 0, 0.45) !important;
border-radius: 4px !important;
}
.maplibregl-ctrl-attrib-button {
background-color: transparent !important;
opacity: 0.6;
}
.maplibregl-ctrl-attrib-button:hover {
opacity: 1;
}
.maplibregl-ctrl-attrib-inner {
background: rgba(0, 0, 0, 0.7) !important;
color: rgba(255, 255, 255, 0.7) !important;
border-radius: 4px !important;
font-size: 10px !important;
}
.maplibregl-ctrl-attrib-inner a {
color: rgba(255, 255, 255, 0.7) !important;
}
.maplibregl-ctrl-attrib-inner a:hover {
color: #fff !important;
}
/* Prevent auto-expand on wide maps */
.maplibregl-ctrl-attrib.maplibregl-compact-show {
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
}
@layer utilities {
.border-inset {
@apply border-1;