fix: Zeigefinger fuer alles Anklickbare
Tailwind 4 nimmt Knoepfen den Zeigefinger und ueberlaesst sie dem Browser-Standard — was am Ende ein Pfeil ist, der nichts verspricht. Eine Basisregel statt einer Klasse an jedem einzelnen Element. Abgeschaltete Elemente behalten den Pfeil. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01P32KoesVtABd6xWsqMKzhr
This commit is contained in:
parent
c817e208cd
commit
70c2cdd101
1 changed files with 26 additions and 0 deletions
|
|
@ -118,4 +118,30 @@
|
|||
body {
|
||||
@apply bg-background text-foreground;
|
||||
}
|
||||
|
||||
/*
|
||||
* Tailwind 4 nimmt Knöpfen den Zeigefinger und überlässt sie dem
|
||||
* Browser-Standard — was am Ende ein Pfeil ist, der nichts verspricht.
|
||||
* Hier steht er wieder, ein für alle Mal und nicht als Klasse an jedem
|
||||
* einzelnen Element: Was sich anklicken lässt, sieht auch so aus.
|
||||
*
|
||||
* `label[for]` ist mitgemeint, weil versteckte Eingabefelder über ihr
|
||||
* Label bedient werden — etwa das Profilbild in den Einstellungen.
|
||||
*/
|
||||
button,
|
||||
summary,
|
||||
label[for],
|
||||
[role='button'],
|
||||
[role='menuitem'],
|
||||
[role='option'],
|
||||
[role='tab'] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Abgeschaltet heißt abgeschaltet — ein Zeigefinger verspräche dort zu viel. */
|
||||
button:disabled,
|
||||
[aria-disabled='true'],
|
||||
[data-disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue