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
@@ -24,3 +24,14 @@ test('F2: die Sperre der Mitarbeiter-Kundenansicht (.kb-view-overlay) ist in der
|
||||
assert.match(knopf, /background:\s*var\(--kn-accent\)/)
|
||||
assert.match(regel(HUELLE, '.kb-view-overlay-card p'), /font-size:\s*\d+px/)
|
||||
})
|
||||
|
||||
test('F3: Fokusring der Shell-Reiter liegt innen (Spezifität über .kn [tabindex]:focus-visible aus module.css, 0-3-0)', () => {
|
||||
const BASIS = lies('basis.css')
|
||||
assert.match(HUELLE, /\n\.kn \.kn-t\[role="tab"\]:focus-visible\s*\{[^}]*outline-offset:\s*-2px/)
|
||||
assert.match(BASIS, /\n\.kn \.kn-reiter-t\[role="tab"\]:focus-visible\s*\{[^}]*outline-offset:\s*-2px/)
|
||||
// keine Regel mit niedrigerer Spezifität, die den Versatz setzt
|
||||
assert.doesNotMatch(HUELLE, /\n\.kn-t:focus-visible/)
|
||||
assert.doesNotMatch(BASIS, /\n\.kn-reiter-t:focus-visible/)
|
||||
// der aktive Reiter liegt auf dem schwarzen Gleiter: heller Innenring dort
|
||||
assert.match(HUELLE, /\.kn \.kn-balken:has\(\.kn-t:focus-visible\) \.kn-gleiter\s*\{[^}]*outline:\s*2px solid #fff[^}]*outline-offset:\s*-3px/)
|
||||
})
|
||||
Reference in new issue
Block a user