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:
ordinarthur 2026-05-07 00:42:13 +02:00
parent 5c7dbc2eba
commit ca95dde9b3

View File

@ -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;