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

Utilisation de boutons DSFR dans le déplacement de RDV #4941

Merged
merged 2 commits into from
Jan 7, 2025

Conversation

AntoineGirard
Copy link
Member

Contexte

Comme cela a été fait pour la recherche de RDV, on utilise des boutons DSFR pour le déplacement de RDV.
Voir #4929

Solution

Note

Ici on a pris le parti de changer uniquement les boutons sans revoir l’UX. Des propositions sont en train d’être étudiées pour améliorer l’UX de la sélection de créneau. Cela sera traité dans d’autres PR.

Captures d'écran

Avant Après
image image
image image

Copy link
Contributor

@adipasquale adipasquale left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👌 nickel merci !

app/views/users/rdvs/_creneaux.html.slim Outdated Show resolved Hide resolved
span.d-md-none.ml-1<
| sem. précédente
= link_to "", creneaux_users_rdv_path(@rdv, date: previous_from_date), class: "fr-btn fr-icon-arrow-left-s-line fr-hidden fr-unhidden-md", aria: { label: "Semaine précédente" }
= link_to "sem. précédente", creneaux_users_rdv_path(@rdv, date: previous_from_date), class: "fr-btn fr-btn--icon-left fr-icon-arrow-left-s-line fr-hidden-md fr-hidden-lg", aria: { label: "Semaine précédente" }
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

le fr-hidden-lg n'est pas utile ici, puis que fr-hidden-md cache à partir du breakpoint md
En fait je me demande si on pourrait pas avoir une écriture plus simple et plus similaire à du responsive "classique" avec un truc du genre :

= link_to creneaux_users_rdv_path(@rdv, date: previous_from_date), class: "fr-btn fr-icon-arrow-left-s-line", aria: { label: "Semaine précédente" } do
  .fr-hidden-md = "sem. précédente"

et comme ça on a un seul link_to

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

C’est une proposition intéressante, mais malheureusement ça ne passe pas, car on a des class différentes entre le bouton icône seul et le bouton icône + texte
Je pense qu’on peut rester sur ça dans un premier temps et revenir dessus + tard

@AntoineGirard AntoineGirard force-pushed the agd/creneau-modif-use-dsfr-button branch 2 times, most recently from 34606e4 to 99774dc Compare January 6, 2025 20:50
@AntoineGirard AntoineGirard force-pushed the agd/creneau-modif-use-dsfr-button branch from 99774dc to 3fc385c Compare January 7, 2025 17:18
@AntoineGirard AntoineGirard merged commit b115b6c into production Jan 7, 2025
15 checks passed
@AntoineGirard AntoineGirard deleted the agd/creneau-modif-use-dsfr-button branch January 7, 2025 17:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: ✅ Done
Development

Successfully merging this pull request may close these issues.

3 participants