Kundenansicht neu E-Fix F3a: Fokusring der Shell-Reiter liegt innen und ist sichtbar
.kn [tabindex]:focus-visible (module.css, 0-3-0, später geladen) und .kn button:focus-visible setzten outline-offset +2px und schlugen .kn-t:focus-visible und .kn-reiter-t:focus-visible (0-2-0). Der Ring lag außerhalb und wurde von Balken und Reiterzeile abgeschnitten. Jetzt .kn .kn-t[role="tab"] und .kn .kn-reiter-t[role="tab"] (0-4-0) mit Versatz -2px; der aktive Reiter auf dem schwarzen Gleiter bekommt vom Gleiter einen hellen Innenring (Rückfall ohne Overlay: weißer Ring am Reiter). Pin in test/knEfixCss.test.js. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
112475e873
commit
92d7d247e9
3 files changed
+18
-2
No files matched your search
@@ -72,7 +72,7 @@
|
||||
border-bottom: 2px solid transparent; font-variant-numeric: tabular-nums; cursor: pointer;
|
||||
}
|
||||
.kn-reiter-t:hover { color: var(--kn-text); }
|
||||
.kn-reiter-t:focus-visible { outline-offset: -2px; }
|
||||
.kn .kn-reiter-t[role="tab"]:focus-visible { outline-offset: -2px; } /* 0-4-0: .kn [tabindex]:focus-visible in module.css (0-3-0, später geladen) setzt sonst +2px */
|
||||
.kn-reiter-t.aktiv, .kn-reiter-t[aria-selected="true"] { color: var(--kn-accent); border-bottom-color: var(--kn-accent); font-weight: 600; }
|
||||
|
||||
/* ---------- Status-Pillen ---------- */
|
||||
|
||||
Reference in new issue
Block a user