fix: push Leaflet attribution above mobile nav bar on /map
Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
This commit is contained in:
parent
f7d8611031
commit
df8bd39ce1
1 changed files with 8 additions and 0 deletions
|
|
@ -112,6 +112,14 @@
|
|||
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 {
|
||||
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);
|
||||
|
|
|
|||
Loading…
Reference in a new issue