Merge pull request #10809 from demarches-simplifiees/design-improve-fc-email-page-ldu

[Design] Amelioration du design de la page de confirmation du mail de France Connect
This commit is contained in:
Lisa Durand 2024-09-17 13:47:02 +00:00 committed by GitHub
commit 1d0be04f2a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 46 additions and 37 deletions

View file

@ -256,3 +256,9 @@ button.fr-tag-bug {
.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label]::before {
word-wrap: normal;
}
// We use the DSFR badge design to highlight the email in France Connect page
// but we don't want it to be uppercase
.fr-badge--lowercase {
text-transform: lowercase;
}

View file

@ -1,11 +1,14 @@
.fr-container
.fr-container.fr-my-5w
.fr-grid-row.fr-col-offset-md-2.fr-col-md-8
.fr-col-12
%h1.text-center.mt-1= t('.choose_email_contact')
%p= t('.intro_html', email: @fci.email_france_connect)
%p= t('.use_email_for_notifications')
.fr-fieldset.fr-w-30v.fr-mt-2w
%fieldset.fr-fieldset
= form_with url: france_connect_particulier_merge_using_fc_email_path(merge_token: @fci.merge_token), method: :post, data: { controller: 'email-france-connect' } do |f|
= hidden_field_tag :merge_token, @fci.merge_token

View file

@ -883,7 +883,7 @@ en:
france_connect:
particulier:
choose_email:
intro_html: "Your FranceConnect account uses <span class='fr-badge fr-badge--info fr-badge--sm'>%{email}</span> as the contact email."
intro_html: "Your FranceConnect account uses <span class='fr-badge fr-badge--info fr-badge--no-icon fr-badge--lowercase'>%{email}</span> as the contact email."
use_email_for_notifications: "Would you like to use it to receive notifications regarding the progress of your cases?"
confirm: "Confirm"
choose_email_contact: "Choose your contact email"
@ -892,7 +892,7 @@ en:
use_another_email: No, use another address.
confirmation_sent:
confirmation_sent_by_email: "Confirm your email"
intro_html: "A confirmation email has been sent to your address <span class='fr-badge fr-badge--info fr-badge--sm'>%{email}</span>"
intro_html: "A confirmation email has been sent to your address <span class='fr-badge fr-badge--info fr-badge--no-icon fr-badge--lowercase'>%{email}</span>"
click_the_link_in_the_email: "Please click the link in the email to confirm your account and connect with France Connect in the future."
continue: "Continue"
merge:

View file

@ -935,7 +935,7 @@ fr:
france_connect:
particulier:
choose_email:
intro_html: "Votre compte FranceConnect utilise <span class='fr-badge fr-badge--info fr-badge--sm'>%{email}</span> comme email de contact."
intro_html: "Votre compte FranceConnect utilise <span class='fr-badge fr-badge--info fr-badge--no-icon fr-badge--lowercase'>%{email}</span> comme email de contact."
use_email_for_notifications: Souhaitez-vous l'utiliser pour recevoir les notifications concernant l'avancement de vos dossiers ?
confirm: Confirmer
choose_email_contact: Choisissez votre email de contact pour finaliser votre connexion
@ -946,7 +946,7 @@ fr:
wanna_say: 'Voulez-vous dire ?'
confirmation_sent:
confirmation_sent_by_email: Confirmez votre email
intro_html: "Un mail de confirmation a été envoyé à votre adresse <span class='fr-badge fr-badge--info fr-badge--sm'>%{email}</span>"
intro_html: "Un mail de confirmation a été envoyé à votre adresse <span class='fr-badge fr-badge--info fr-badge--no-icon fr-badge--lowercase'>%{email}</span>"
click_the_link_in_the_email: Vous devez impérativement cliquer sur le lien du mail pour activer votre adresse et recevoir les notifications sur l'avancement de vos dossiers.
continue: Continuer
merge: