diff --git a/frontend/src/app.css b/frontend/src/app.css index 0f3baa7..dca4688 100644 --- a/frontend/src/app.css +++ b/frontend/src/app.css @@ -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; + } }