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 {
|
body {
|
||||||
@apply bg-background text-foreground;
|
@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