From df8bd39ce159a1160aa0a26cb7198b37641f8cc2 Mon Sep 17 00:00:00 2001 From: "shakespeare.diy" Date: Thu, 23 Jul 2026 19:23:57 +0700 Subject: [PATCH] fix: push Leaflet attribution above mobile nav bar on /map Co-authored-by: shakespeare.diy --- src/index.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/index.css b/src/index.css index 233699e..c405367 100644 --- a/src/index.css +++ b/src/index.css @@ -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);