diff --git a/library/components/legends/LegendMobile.vue b/library/components/legends/LegendMobile.vue index 01ffc329b..524973f64 100644 --- a/library/components/legends/LegendMobile.vue +++ b/library/components/legends/LegendMobile.vue @@ -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;}