From 6f4f8871c33f3f2c9a793642016b4aa7a94c389a Mon Sep 17 00:00:00 2001 From: Scarriffle Date: Fri, 31 Jul 2026 09:48:07 +0200 Subject: [PATCH] Web: Text-Cursor (I-Beam) nur noch auf echten Eingabefeldern body bekommt cursor:default (vererbt) -> ueber Text erscheint der Pfeil statt des I-Beams, damit nicht-editierbarer Text nicht wie ein Eingabefeld aussieht. I-Beam nur noch auf Text-/Zahlenfeldern & textarea/contenteditable; Hand fuer Links, Selects, Checkbox/Radio und deren Labels. Klickbares mit eigener Regel (Buttons, Sortier-Header, Kacheln, klickbare Zeilen) bleibt unveraendert. Co-Authored-By: Claude Opus 4.8 --- web/src/styles.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/web/src/styles.css b/web/src/styles.css index 6b401e1..c410670 100644 --- a/web/src/styles.css +++ b/web/src/styles.css @@ -40,8 +40,24 @@ body { font-size: 14.5px; line-height: 1.5; -webkit-font-smoothing: antialiased; + /* Pfeil als Standard – sonst zeigt der Browser über jedem Text den Text-Cursor + (I-Beam), und alles sieht aus wie ein Eingabefeld. cursor wird vererbt. */ + cursor: default; } +/* Text-Cursor nur dort, wo man wirklich tippt. */ +textarea, +[contenteditable="true"], +input:where([type="text"], [type="number"], [type="search"], [type="email"], + [type="password"], [type="url"], [type="tel"]), +input:not([type]) { cursor: text; } + +/* Hand für klar Klickbares, das noch keine eigene Regel hat (Buttons, Sortier- + Header, Kacheln, Menüoptionen, klickbare Zeilen bringen sie schon selbst mit). */ +a[href], select, summary, +input[type="checkbox"], input[type="radio"], input[type="file"], +.checklist label, .check-inline, .enforce-toggle { cursor: pointer; } + a { color: var(--accent); text-decoration: none; } a:hover { text-decoration: underline; }