k1nq/TREK
1
0
Fork 0
mirror of https://github.com/mauriceboe/TREK.git synced 2026-11-13 07:40:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(journey): no zoom buttons on the journey map on touch screens

Browse Source 
On a phone they sat under the bottom bar, and a finger zooms with a pinch
anyway; devices with a mouse or trackpad keep them.
This commit is contained in:
Maurice
2026-11-06 20:45:15 +01:00
parent ae082c1fd0
commit f46f6f38fc
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Journey/JourneyMap.tsx
+5 -1
View File
@@ -691,7 +691,11 @@ function JourneyMap(
ref={containerRef}
style={{ width: '100%', height: '100%' }}
/>
<div style={{ position: 'absolute', bottom: 12, right: 12, zIndex: 400, display: 'flex', flexDirection: 'column', gap: 4 }}>
{/* A finger zooms with a pinch, and on a phone these sat under the bottom bar (#3001). */}
<div
className="[@media(pointer:coarse)]:hidden"
style={{ position: 'absolute', bottom: 12, right: 12, zIndex: 400, display: 'flex', flexDirection: 'column', gap: 4 }}
>
<button type="button" onClick={() => zoom(true)} style={zoomButtonStyle(dark)}>+</button>
<button type="button" onClick={() => zoom(false)} style={zoomButtonStyle(dark)}>−</button>
</div>