fix(home): focus-visible auf section-head + scoped chev-CSS
All checks were successful
Build & Publish Docker Image / build-and-push (push) Successful in 2m14s
All checks were successful
Build & Publish Docker Image / build-and-push (push) Successful in 2m14s
Code-Review zu commit 2216c89: button hatte keinen :focus-visible
Outline (Safari zeigt sonst gar nichts an) — Pattern aus dem Rest
der Page uebernommen (#2b6a3d Outline). Globale .chev-Selektoren
unter .section-head gescoped, damit andere Komponenten den Klassen-
Namen kuenftig wiederverwenden koennen ohne Konflikte.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -624,6 +624,10 @@
|
|||||||
.section-head:hover {
|
.section-head:hover {
|
||||||
background: #f4f8f5;
|
background: #f4f8f5;
|
||||||
}
|
}
|
||||||
|
.section-head:focus-visible {
|
||||||
|
outline: 2px solid #2b6a3d;
|
||||||
|
outline-offset: 2px;
|
||||||
|
}
|
||||||
.section-head h2 {
|
.section-head h2 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 1.05rem;
|
font-size: 1.05rem;
|
||||||
@@ -636,12 +640,12 @@
|
|||||||
font-size: 0.85rem;
|
font-size: 0.85rem;
|
||||||
font-variant-numeric: tabular-nums;
|
font-variant-numeric: tabular-nums;
|
||||||
}
|
}
|
||||||
:global(.chev) {
|
.section-head :global(.chev) {
|
||||||
color: #2b6a3d;
|
color: #2b6a3d;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
transition: transform 180ms;
|
transition: transform 180ms;
|
||||||
}
|
}
|
||||||
:global(.chev.rotated) {
|
.section-head :global(.chev.rotated) {
|
||||||
transform: rotate(-90deg);
|
transform: rotate(-90deg);
|
||||||
}
|
}
|
||||||
.listing-head {
|
.listing-head {
|
||||||
|
|||||||
Reference in New Issue
Block a user