Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
3 of 6 tasks
lowzonenose opened this issue May 15, 2024 · 2 comments · Fixed by #139
Closed
3 of 6 tasks

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

lowzonenose opened this issue May 15, 2024 · 2 comments · Fixed by #139
Assignees

Comments

@lowzonenose
Copy link
Collaborator

lowzonenose commented May 15, 2024

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

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

  • 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
      image
  • Le widget se décale vers le bas quand on entre en mode saisi du point d'arriver ou de départ.

@elias75015
Copy link
Contributor

elias75015 commented May 24, 2024

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.
image

A traiter par @elias75015 ou @azarz

@elias75015
Copy link
Contributor

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

FORMULAIRE :

D'après maquette :
image

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 :

image

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

image

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

image

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

image

Evolutions :

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

image

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

image

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

image

image

Fenêtre de résultats :

Actuellement :

image

Remplacer icone "retour" :

image

par une croix DSFR

image

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants