GouvernementFR / dsfr

🇫🇷 Official french government's design system (Système de Design de l'État)
https://www.systeme-de-design.gouv.fr/
Other
233 stars 52 forks source link

🐛 fix(toggle): ajoute les messages erreur et valide sur interrupteur simple #954

Closed zellerbaptiste closed 2 months ago

zellerbaptiste commented 2 months ago
zellerbaptiste commented 2 months ago

Les example en erreur et valid sont en double

La bordure d'erreur/succes commence trop tot et fini trop tard :

  • Retirer le padding en haut et en bas des toggle (margin: 1rem 0)
  • Ajouter margin-bottom: 1rem; sur les toggle
  • modifier top: 0; sur toggle:after
  • Ajouter padding-bottom: 1rem; sur fr-toggle--border-bottom
  • Retirer le top:0 maintenant inutile sur .fr-fieldset .fr-toggle__list li:first-child .fr-toggle label::after
  • Retirer le padding-top: 0; maintenant inutile sur .fr-fieldset .fr-toggle__list li:first-child .fr-toggle
  • Ajouter margin-bottom: 0; sur .fr-fieldset fr-toggle__list li:last-child fr-toggle

C'est corrigé