style(web): cursor-pointer global sur les éléments interactifs
Tailwind v4 ne pose plus cursor:pointer sur <button> par défaut, ce qui rendait l'app un peu morte au survol. Plutôt que d'ajouter cursor-pointer sur chaque composant, on le pose une fois pour toutes en CSS de base sur : - button, role="button", a[href], summary, label[for], select - inputs cliquables (submit, button, reset, checkbox, radio) Les éléments désactivés (disabled, aria-disabled) basculent en cursor:not-allowed pour signaler clairement l'état. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
parent
5c7dbc2eba
commit
ca95dde9b3
@ -81,6 +81,29 @@
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Curseur pointer par défaut sur tous les éléments interactifs activables.
|
||||
Tailwind v4 ne le pose plus automatiquement sur <button> — on le remet
|
||||
ici en global pour ne pas polluer chaque composant. Les éléments
|
||||
désactivés gardent un cursor neutre (cf. cascade Tailwind sur disabled). */
|
||||
button:not(:disabled),
|
||||
[role="button"]:not([aria-disabled="true"]),
|
||||
summary,
|
||||
label[for],
|
||||
a[href],
|
||||
select:not(:disabled),
|
||||
[type="checkbox"]:not(:disabled),
|
||||
[type="radio"]:not(:disabled),
|
||||
[type="submit"]:not(:disabled),
|
||||
[type="button"]:not(:disabled),
|
||||
[type="reset"]:not(:disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button:disabled,
|
||||
[role="button"][aria-disabled="true"] {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* Chiffres alignés en colonnes — toujours préférable pour montants/dates */
|
||||
.tabular-nums {
|
||||
font-variant-numeric: tabular-nums;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user