Development #25987
case à cocher / bouton radio en CSS
0%
Description
C'est quelque chose qui se trouve de plus en plus dans des maquettes reçues.
(se concentrer ici uniquement sur w.c.s. qui propose le balisage nécessaire, on ignore pour le moment genre l'édition du profil dans authentic).
Fichiers
Demandes liées
Révisions associées
Historique
Mis à jour par Frédéric Péters il y a plus de 5 ans
- Fichier 0001-scss-add-support-for-custom-CSS-rendered-checkbox-an.patch 0001-scss-add-support-for-custom-CSS-rendered-checkbox-an.patch ajouté
- Fichier Capture d’écran de 2018-08-31 11-05-58.png Capture d’écran de 2018-08-31 11-05-58.png ajouté
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
Style basé sur la maquette Metz, qui propose quelque chose de tout à fait sobre. Pour le moment ce n'est activé nulle part, ça le sera pour Metz (bien sûr) mais j'espère pouvoir rapidement basculer par défaut sur ce rendu.
Je pense avoir fait le nécessaire pour l'accessibilité (opacity: 0 est recommandé, et il y un outline lors du focus, cf capture).
Mis à jour par Frédéric Péters il y a plus de 5 ans
- Lié à Development #25988: <span> vide derrière base à cocher, ne pas toujours l'ajouter ajouté
Mis à jour par Thomas Noël il y a plus de 5 ans
- Statut changé de Solution proposée à Solution validée
Si je pige l'idée, pour l'instant on doit dire "$widget-custom-radio-checkbox = true" pour passer en mode personnalisé, et la seule personnalisation possible est actuellement "$widget-custom-radio-checkbox-color", c'est ça ?
Ça me semble propre côté code, même si je suis pas assez rompu à l'exercice CSS pour percevoir s'il y manque des trucs. Testé en local ça me semble répondre correc' ... ack
Mis à jour par Frédéric Péters il y a plus de 5 ans
- Statut changé de Solution validée à Résolu (à déployer)
Si je pige l'idée, pour l'instant on doit dire "$widget-custom-radio-checkbox = true" pour passer en mode personnalisé, et la seule personnalisation possible est actuellement "$widget-custom-radio-checkbox-color", c'est ça ?
Oui, le "personnalisé" c'est surtout "pas le rendu natif du navigo", je n'imagine pas trop d'options ici.
commit 32819579c9e26bf385c41f2ffc43b3912f1134b3 Author: Frédéric Péters <fpeters@entrouvert.com> Date: Fri Aug 31 11:02:56 2018 +0200 scss: add support for custom (CSS rendered) checkbox and radio buttons (#25987)
Mis à jour par Frédéric Péters il y a plus de 5 ans
- Statut changé de Résolu (à déployer) à Solution déployée
scss: add support for custom (CSS rendered) checkbox and radio buttons (#25987)