doxa-life/doxa-maps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

The map attribution is tappable: corner controls sit above the scroll-edge gutters

Browse source
This commit is contained in:
swift-river542 2026-09-16 23:17:58 -05:00
parent 4d96f949c0
commit 832488ea69
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
library/components/legends/LegendMobile.vue
View file

@ -44,6 +44,10 @@ useShadowStyles(`
collapsed strip (48px), so the watermark is always visible when the legend is closed; an
opened sheet covers it. */
.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{transform:translateY(calc(-1 * min(var(--legend-sheet-h,0px),48px)));}
/* The scroll-edge gutters (the hoverable side strips, z-index 2) run the full height of the
map and would otherwise swallow taps meant for the attribution in the corner: the corner
controls sit one tier above them. (Moves to the shared z tiers with the token work.) */
.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{z-index:3;}
.mapboxgl-ctrl-bottom-right,.maplibregl-ctrl-bottom-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:2px;opacity:0.72;transform:translateY(calc(-1 * min(var(--legend-sheet-h,0px),48px))) scale(0.85);transform-origin:bottom right;transition:opacity 0.15s;}
.mapboxgl-ctrl-bottom-right:hover,.maplibregl-ctrl-bottom-right:hover{opacity:1;}
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.maplibregl-ctrl-bottom-right .maplibregl-ctrl{margin:0 6px 6px 0;}