fix(Route): divers correctifs sur l'affichage CSS du thème DSFR

[lowzonenose]

Plusieurs problèmes sur l'extension Route avec le thème dsfr :

• [x] la zone de saisie du point d'arrivée est en dehors du formulaire

• [x] le calcul s’exécute si on clique sur l'ajout ou suppression d'une étape

• sur le panneau des résultats du calcul :

  • [ ] ajouter le style dsfr sur la liste déroulante
  • [ ] ajouter le style dsfr sur le bouton d'affichage des détails
  • [ ] prévoir une scrollbar verticale

• [x] Le widget se décale vers le bas quand on entre en mode saisi du point d'arriver ou de départ.

[elias75015]

Point 1 : à détaille par @lowzonenose, pas clair.

Point 2 : A corriger dès que possible @azarz ou @elias75015

Point 3 : Toute la partie sur le panneau de résultat sera traité avec #41 et #39

Je rajoute un Point 4 dans la description : Le widget se décale vers le bas quand on entre en mode saisi du point d'arriver ou de départ.

A traiter par @elias75015 ou @azarz

[elias75015]

En attendant que #41 et #39 soient priorisés et spécifiés, possibilité d'améliorer le rendu ?

FORMULAIRE :

D'après maquette :

Je propose en attendant d'avoir un choix définitif de faire un mix des deux propositions en faisant le choix de conserver au maximum les types d'éléments déjà implémentés, et juste de "réorganiser le formulaire" pour coller aux propositions des maquettes.

Améliorations :

• mode de déplacement en haut avec radio DSFR en haut du formulaire :

• input départ/étape/arrivé avec le titre de l'input directement avant celui-ci :

• conservation du choix des passages autorisés tels quels juste avant le bouton de validation :

• bouton "calculer" remplacé par "Calculer l'itinéraire" sur toute la largeur du formulaire

Evolutions :

• fonctionnalité "ajouter une étape" via un bouton dédié situé après les inputs :

• mode de calcul (plus rapide/court) avec radios DSFR après le bouton "ajouter une étape" :

• Bouton "retour" qui permet de faire un reset du formulaire à enlever ou à remplacer par une croix (comme sur la barre de recherche DSFR)

Fenêtre de résultats :

Actuellement :

Remplacer icone "retour" :

par une croix DSFR

Corriger les boutons "détails" pour qu'ils soient fonctionnels et dsfr :

Changer dropdown rapide/court en élément DSFR :