Mediusa/FlockRadar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(map): enable fluid mobile pinch-to-zoom and tactile zoom controls without GPS follow lock (v20)

Browse Source
This commit is contained in:
Mediusa
2026-09-12 11:35:31 -07:00
parent 5da020d563
commit b21a306790
4 changed files with 202 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+82 -2
View File
@@ -2661,9 +2661,51 @@ body {
display: none;
}
/* Leaflet Controls minimal */
/* Tactile Mobile Zoom Controls (+ / -) */
.leaflet-bottom.leaflet-left {
bottom: max(75px, calc(15px + env(safe-area-inset-bottom))) !important;
left: 12px !important;
z-index: 800 !important;
margin: 0 !important;
}
.leaflet-control-zoom {
display: none !important; /* Touch pinch-to-zoom is native */
display: flex !important;
flex-direction: column !important;
border: none !important;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.65) !important;
border-radius: 12px !important;
overflow: hidden !important;
background: rgba(15, 23, 42, 0.92) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border: 1px solid rgba(56, 189, 248, 0.35) !important;
}
.leaflet-control-zoom a {
background: transparent !important;
color: #38bdf8 !important;
border: none !important;
border-bottom: 1px solid rgba(56, 189, 248, 0.15) !important;
width: 38px !important;
height: 38px !important;
line-height: 38px !important;
font-size: 20px !important;
font-weight: 700 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
}
.leaflet-control-zoom a:last-child {
border-bottom: none !important;
}
.leaflet-control-zoom a:hover,
.leaflet-control-zoom a:active {
background: rgba(56, 189, 248, 0.25) !important;
color: #ffffff !important;
}
/* Native Mobile Bottom Sheet for all Modals */
@@ -2725,6 +2767,44 @@ body {
color: #38bdf8 !important;
}
.leaflet-control-zoom {
border: none !important;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.65) !important;
border-radius: 12px !important;
overflow: hidden !important;
background: rgba(15, 23, 42, 0.9) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border: 1px solid rgba(56, 189, 248, 0.35) !important;
}
.leaflet-control-zoom a {
background: transparent !important;
color: #38bdf8 !important;
border: none !important;
border-bottom: 1px solid rgba(56, 189, 248, 0.15) !important;
width: 36px !important;
height: 36px !important;
line-height: 36px !important;
font-size: 18px !important;
font-weight: 700 !important;
transition: all 0.15s ease !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
}
.leaflet-control-zoom a:last-child {
border-bottom: none !important;
}
.leaflet-control-zoom a:hover,
.leaflet-control-zoom a:active {
background: rgba(56, 189, 248, 0.25) !important;
color: #ffffff !important;
}
/* ==========================================================================
5% DRIVING APP UPGRADES: RADAR GAUGE, 1-TAP FAB, RECENTER, SENSITIVITY
========================================================================== */