Repository navigation
Rendre touchables les étapes rapprochées d'un parcours sélectionné (E-04) #230
Description
Contexte
Epic : #8
Prérequis : #153 (tooltip d'une étape au tap, PR #216)
Maquette : E-04 · validée le 2026-09-28 (D-071), révisée le 2026-10-09 (D-084)
Ecrans › E-04 · Direction-Artistique › Carte · E-04
Découverte de CODE pendant la recette de #153 (Inbox), aussi signalée dans les limites de la PR #216 :
- Étapes rapprochées : sur un parcours aux étapes proches (« De la Cité à Montparnasse… », surtout à 150 % de texte où la carte dézoome), les zones tactiles de 44 px se chevauchent et la tooltip ouverte couvre les étapes voisines, dont le départ : on ne peut plus les taper sans ouvrir une autre étape ou zoomer.
- Marqueurs des autres parcours : ils restent dessinés au milieu du tracé sélectionné.
Question pour DESIGN — répondue
Réponse : D-084, écrite dans Ecrans › E-04 › Étapes sur la carte › Étapes rapprochées. La question 1 est réglée par D-071 (marqueurs des autres parcours masqués pendant la sélection) et n'est pas rouverte ; la question 2 par D-084.
1. Parcours sélectionné : masquer ou atténuer les marqueurs photo des autres parcours ?
2. Étapes rapprochées : zoom minimal au cadrage, tooltip décalée pour ne pas couvrir une étape, ou priorité de tap à l'étape la plus proche du doigt ? Mettre à jour la maquette ou la règle dans E-04.
Comportement attendu
Règle D-084 (Ecrans › E-04 › Étapes rapprochées) :
- le tap va à l'étape la plus proche du doigt, jamais à celle dessinée par-dessus ;
- la tooltip d'une étape ne couvre jamais une étape voisine, départ compris : au-dessus par défaut, « dessous, flèche en haut » quand « dessus » en couvrirait une ;
- cadrage à la sélection : tout le tracé, sans zoom minimal (pas de zoom 13) ;
- marqueurs des autres parcours masqués pendant la sélection (D-071, s'il n'est pas déjà fait).
Hors périmètre : le cas où « dessus » et « dessous » couvrent tous deux une étape (point 3 de E-04, zoom jusqu'à 17), non confirmé par DESIGN et suivi par #335 ; ici, la tooltip garde alors sa position par défaut, au-dessus, sans zoom.
Critères d'acceptation
- Règle ou maquette E-04 mise à jour (DESIGN), entrée D-xxx : D-084
- Recette iOS et Android sur « De la Cité à Montparnasse », texte à 100 % et à 150 % : chaque étape se touche sans zoomer
- Zones tactiles de 44 px conservées
- Test de la sélection de l'étape la plus proche du doigt et du choix « dessus » / « dessous »
- Cadrage à la sélection sans zoom minimal
Activity
IlanAMG commentedon Sep 28, 2026
D-071 (https://github.com/Inprogress-Agency/widoo-app/wiki/Design-Changelog) : Marqueurs des autres parcours masqués pendant la sélection ; tap au plus proche ; placement de la tooltip ; zooms 13 et 17 pour les étapes rapprochées ; cadrage. Le cas « tap sur un autre marqueur » disparaît.
PaulThiberville commentedon Oct 9, 2026
🔨 Démarrage — plan :
nearestStep, testée), jamais celle dessinée par-dessus.tooltipSide(testée) : au-dessus par défaut, « dessous, flèche en haut » quand « dessus » couvrirait une autre pastille du parcours, départ compris, et que « dessous » n'en couvre aucune et reste au-dessus de la sheet. Sinon au-dessus (cas des deux côtés couverts : Décider du zoom sur une étape quand « dessus » et « dessous » couvrent une voisine (E-04) #335, hors périmètre). Appliquée à la tooltip d'une étape touchée et à celle du départ à la sélection.maincadre déjà tout le tracé sans zoom plancher ; vérifié et laissé tel quel, réserves haute et basse de Garder la dernière étape d'un parcours sélectionné au-dessus de la sheet #225/Réserver la barre du haut au cadrage d'un parcours sélectionné (tooltip masquée) #322 intactes.main; masqués en fondu pendant la sélection, un tap à leur place ferme la sélection.Branche
issue/230-close-steps.PaulThiberville commentedon Oct 13, 2026
✅ Vérifié sur appareil réel — Paul, 2026-10-13, build
previewAndroidc829f165(commite152dd4), Redmi Note 9 : étapes rapprochées d'un parcours sélectionné : le tap ouvre l'étape la plus proche. Déclaration de Paul (« j'ai tout testé, ça marche correctement »), consignée par MANAGER ; recette complète : #367 (comment)