Merge pull request #10443 from colinux/fix-toggle-2-lines

Tech (css): maintient les labels de toggle sur une seule ligne
This commit is contained in:
Colin Darie 2024-05-23 10:04:58 +00:00 committed by GitHub
commit 2c07f0260c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 10 additions and 3 deletions

View file

@ -179,3 +179,10 @@ button.fr-tag-bug {
border: initial;
display: block; // Pour cette valeur spécifique, on récupère celle de .fr-label
}
// Fix toggles having labels on 2 lines
// From upstream https://github.com/GouvernementFR/dsfr/pull/928
// Remove it when PR is merged (v1.12 ?)
.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label]::before {
word-wrap: normal;
}

View file

@ -6,7 +6,7 @@
.fr-fieldset__element
.fr-toggle
= f.check_box :published, class: "fr-toggle-input", id: dom_id(release_note, :published)
= f.check_box :published, class: "fr-toggle__input", id: dom_id(release_note, :published)
%label.fr-toggle__label{ for: dom_id(release_note, :published), data: { fr_checked_label: "Publié", fr_unchecked_label: "Brouillon" } }
Publier

View file

@ -38,8 +38,8 @@
%h2.fr-h4 En-tête
.fr-fieldset__element
.fr-toggle
= f.check_box :official_layout, class: "fr-toggle-input", id: dom_id(@attestation_template, :official_layout), data: { "attestation-target": "layoutToggle"}
.fr-toggle.fr-toggle--label-left
= f.check_box :official_layout, class: "fr-toggle__input", id: dom_id(@attestation_template, :official_layout), data: { "attestation-target": "layoutToggle"}
%label.fr-toggle__label{ for: dom_id(@attestation_template, :official_layout), data: { fr_checked_label: "Activé", fr_unchecked_label: "Désactivé" } }
Je souhaite générer une attestation à la charte de létat (logo avec Marianne)