mirror of
https://github.com/zvx-echo6/navi.git
synced 2026-05-20 22:54:42 +02:00
feat(map): two-click selection model with precise center dot
Replaces 'every click selects something' with a deliberate two-click flow: - First click drops marker (existing circle plus new precise center dot) and opens place panel - Second click INSIDE the marker circle opens the radial menu - Second click OUTSIDE the circle deselects without selecting the new spot — requires another click to select The 4px filled center dot at exact click coordinates gives precise visual feedback for GPS-coord readout. The existing circle's radius defines the same-spot tolerance, visually showing the radial-trigger hit area. Right-click radial unchanged. Search-dropdown selection drops a marker for consistency.
This commit is contained in:
parent
a11fc13b33
commit
37a5eb5b1b
4 changed files with 111 additions and 30 deletions
|
|
@ -259,6 +259,7 @@ body {
|
|||
|
||||
/* ═══ PREVIEW PIN (selected but not committed) ═══ */
|
||||
.navi-pin-preview {
|
||||
position: relative;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
border-radius: 50%;
|
||||
|
|
@ -267,6 +268,17 @@ body {
|
|||
box-shadow: 0 0 0 3px var(--accent-muted), var(--shadow);
|
||||
pointer-events: none;
|
||||
}
|
||||
.navi-pin-center-dot {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
border-radius: 50%;
|
||||
background: var(--accent);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* ═══ PLACE DETAIL PANEL ═══ */
|
||||
.navi-place-detail {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue