skatespots/SkateSpots
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions 1

fix: push Leaflet attribution above mobile nav bar on /map

Browse source 
Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
This commit is contained in:
shakespeare.diy 2026-07-23 19:23:57 +07:00
parent f7d8611031
commit df8bd39ce1
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/index.css
View file

@ -112,6 +112,14 @@
z-index: 0; z-index: 0;
} }
/* Push Leaflet bottom controls (attribution, zoom) above the mobile nav bar.
The nav bar is ~60px tall + safe area inset. This prevents "Map data © OpenStreetMap"
from overlapping the navigation buttons on mobile. */
.leaflet-bottom {
bottom: env(safe-area-inset-bottom, 0px);
padding-bottom: 64px;
}
.leaflet-popup-content-wrapper { .leaflet-popup-content-wrapper {
border-radius: calc(var(--radius) - 4px); border-radius: calc(var(--radius) - 4px);
box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);