use radio rich style for more readability

This commit is contained in:
Lisa Durand 2024-04-15 18:41:58 +02:00 committed by Colin Darie
parent 227d740a76
commit ec26ebb807
No known key found for this signature in database
GPG key ID: 8C76CADD40253590

View file

@ -94,19 +94,29 @@
À qui sadresse ma démarche ? À qui sadresse ma démarche ?
%span.fr-hint-text Si votre démarche sadresse indifféremment à une personne morale ou un particulier, choisissez l'option « Particuliers ». Vous pourrez ajouter un champ SIRET directement dans le formulaire. %span.fr-hint-text Si votre démarche sadresse indifféremment à une personne morale ou un particulier, choisissez l'option « Particuliers ». Vous pourrez ajouter un champ SIRET directement dans le formulaire.
.fr-fieldset__element .fr-fieldset__element
.fr-radio-group .fr-radio-group.fr-radio-rich
= f.radio_button :for_individual, true = f.radio_button :for_individual, true
= f.label :for_individual, value: true, class: "fr-label" do = f.label :for_individual, value: true, class: "fr-label" do
Ma démarche sadresse à un particulier Ma démarche sadresse à un particulier
%span.fr-hint-text En choisissant cette option, lusager devra renseigner son nom et prénom avant daccéder au formulaire %span.fr-hint-text En choisissant cette option, lusager devra renseigner son nom et prénom avant daccéder au formulaire
.fr-radio-rich__img
%svg.fr-artwork{ aria_hidden: "true", viewBox: "0 0 80 80", width: "80px", height: "80px" }
%use.fr-artwork-decorative{ href: image_path("pictograms/digital/avatar.svg#artwork-decorative") }
%use.fr-artwork-minor{ href: image_path("pictograms/digital/avatar.svg#artwork-minor") }
%use.fr-artwork-major{ href: image_path("pictograms/digital/avatar.svg#artwork-major") }
.fr-fieldset__element .fr-fieldset__element
.fr-radio-group .fr-radio-group.fr-radio-rich
= f.radio_button :for_individual, false = f.radio_button :for_individual, false
= f.label :for_individual, value: false, class: 'fr-label' do = f.label :for_individual, value: false, class: 'fr-label' do
Ma démarche sadresse à une personne morale Ma démarche sadresse à une personne morale
%span.fr-hint-text %span.fr-hint-text
En choisissant cette option, lusager devra renseigner son n° SIRET.<br>Grâce à lAPI Entreprise, les informations sur la personne morale (raison sociale, adresse du siège, etc.) seront automatiquement renseignées. En choisissant cette option, lusager devra renseigner son n° SIRET.<br>Grâce à lAPI Entreprise, les informations sur la personne morale (raison sociale, adresse du siège, etc.) seront automatiquement renseignées.
.fr-radio-rich__img
%svg.fr-artwork{ aria_hidden: "true", viewBox: "0 0 80 80", width: "80px", height: "80px" }
%use.fr-artwork-decorative{ href: image_path("pictograms/buildings/school.svg#artwork-decorative") }
%use.fr-artwork-minor{ href: image_path("pictograms/buildings/school.svg#artwork-minor") }
%use.fr-artwork-major{ href: image_path("pictograms/buildings/school.svg#artwork-major") }
%fieldset.fr-fieldset %fieldset.fr-fieldset
.fr-fieldset__element .fr-fieldset__element