Contraste des boutons

zatalyz commented

2024-07-26 07:12:35 +00:00

Collaborator

Bien visible sur la page "connexion", mais de façon générale il faut que je trouve comment contraster les boutons du type "Call to Action" : plus visible, plus clair. Attention, ça ne concerne donc pas tous les boutons, hein !!! ce sera horrible sinon. Mais les boutons qui permettent de valider une action.

À tester : MMF avec le texte blanc, en gras, taille à .9rem (et non à .7 comme actuellement).

Bien visible sur la page "connexion", mais de façon générale il faut que je trouve comment contraster les boutons du type "Call to Action" : plus visible, plus clair. Attention, ça ne concerne donc pas tous les boutons, hein !!! ce sera horrible sinon. Mais les boutons qui permettent de valider une action. À tester : MMF avec le texte blanc, en gras, taille à .9rem (et non à .7 comme actuellement).

zatalyz commented

2024-07-26 07:23:19 +00:00

Author

Collaborator

Cela concerne par exemple :

bouton pour valider la connexion sur la page de connexion
Au moment de s'inscrire, le bouton pour accepter les conditions d'utilisation est trop petit et on ne voit pas que c'est un bouton cliquable (là il a une autre classe...)

Cela concerne par exemple : - bouton pour valider la connexion sur la page de connexion - Au moment de s'inscrire, le bouton pour accepter les conditions d'utilisation est trop petit et on ne voit pas que c'est un bouton cliquable (là il a une autre classe...)

zatalyz added the

CSS

label 2024-07-26 07:26:35 +00:00

vv221 commented

2024-07-26 09:58:47 +00:00

Owner

La capture attachée montre l’effet sur les boutons à mettre en valeur, avec la dernière fenêtre (en bas à droite) pour montrer les boutons qui ne sont pas modifiés.

Plutôt que de chercher tous les boutons à mettre en avant, j’ai appliqué une règle CSS sur tous les boutons servant à valider un formulaire. Il faudra probablement tester que ça ne s’applique pas à plus de boutons qu’on le souhaite.

Dans le cas contraire, il faudra recenser les boutons pour lesquels on souhaite explicitement cette mise en valeur.

La capture attachée montre l’effet sur les boutons à mettre en valeur, avec la dernière fenêtre (en bas à droite) pour montrer les boutons qui ne sont pas modifiés. Plutôt que de chercher tous les boutons à mettre en avant, j’ai appliqué une règle CSS sur tous les boutons servant à valider un formulaire. Il faudra probablement tester que ça ne s’applique pas à plus de boutons qu’on le souhaite. Dans le cas contraire, il faudra recenser les boutons pour lesquels on souhaite explicitement cette mise en valeur.

mmf-theme-buttons.png

146 KiB

zatalyz commented

2024-07-26 19:45:29 +00:00

Author

Collaborator

C'est pas mal du tout ; on verra à l'usage sur le forum si ça concerne trop de boutons. Mais a priori ça semble OK.

Contraste des boutons #16