ecolabdata / ecospheres

Portail des données de la transition écologique et de la cohésion des territoires
https://ecologie.data.gouv.fr
2 stars 0 forks source link

Eléments cachées dans la modale d'ajout de jdd #242

Open streino opened 4 months ago

streino commented 4 months ago

Sur petit écran, la façon dont sont affichés/cachés les élements de la modale peuvent prêter à confusion.

Dans le premier cas, on ne voit que "Rechercher" et pas les autres options. L'affichage des boutons Annuler/Enregistrer combiné aux barres de défilement cachées sur certains navigateurs laisse penser qu'il n'y a rien d'autre sur le formulaire :

On peut se dire que ça pousse encore plus à rechercher plutôt que choisir les autres options, mais le deuxième cas est plus problématique.

J'ai scrollé en bas du formulaire, "découvert" les autres options, puis cliqué sur "J'ajoute l'URL". La textbox "Déclarer le chemin d'accès vers le jeu de données" fait alors son "apparition" à la fin du formulaire comme prévu, mais rien n'a bougé dans la modale, donc cette textbox n'est pas visible. Le résultat (après clic sur "J'ajoute l'URL") :

Ce deuxième cas n'est d'ailleurs pas forcément dépendant de la taille d'affichage, je n'ai pas testé sur grand écran.

Qqs suggestions de modification :

  1. Auto-scroller pour afficher la textbox d'URL lors d'un clic "J'ajoute l'URL". @abulte facile à faire ?
  2. Afficher les boutons Annuler/Enregistrer seulement en bas de formulaire et pas en permanence (c'est d'ailleurs le cas du bouton "Fermer" en haut, donc de toutes façons on a une incohérence à corriger).
  3. Modifier la section "Jeu de données" pour avoir 4 radios comme avant, car même si on en voit qu'un on se doute qu'il y en a d'autres. IMO si on fait ça il faudrait vraiment pouvoir insérer le champ de recherche sous le radio associé (et donc idem pour l'URL, comme envisagé à une époque). Donc on se rapproche de #230.
abulte commented 4 months ago
  1. En faire une page 😬

Auto-scroller pour afficher la textbox d'URL lors d'un clic "J'ajoute l'URL". @abulte facile à faire ?

On peut tenter mais le scroll hijack je ne conseille pas, surtout dans une modale 🙈

Afficher les boutons Annuler/Enregistrer seulement en bas de formulaire et pas en permanence (c'est d'ailleurs le cas du bouton "Fermer" en haut, donc de toutes façons on a une incohérence à corriger).

C'est le comportement standard de la modale DSFR.

streino commented 4 months ago
  1. En faire une page 😬

J'ai pas osé ;) Cf https://github.com/ecolabdata/ecospheres/issues/233#issuecomment-2115336526 et les différentes discussions qu'on à pu avoir à ce sujet. Ça commence à faire beaucoup d'arguments en faveur de cette option...

streino commented 4 months ago

Le deuxième cas (textbox URL invisible) est couvert par #248. Reste le premier cas (autres options radio invisibles) et la question plus générale de la mise en page en modale.