style(dashboard): duenne, dezente Scrollleiste in Kacheln
Tessera CI/CD / Lint & Type Check (push) Successful in 59s
Tessera CI/CD / Tests (push) Successful in 1m51s
Tessera CI/CD / Desktop-Pakete bauen (push) Successful in 21s
Tessera CI/CD / Build & Publish Images (push) Successful in 3m16s

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-10-02 23:10:00 +02:00
parent 14674fced3
commit bbbafd11bc
+29
View File
@@ -555,6 +555,35 @@ input[type="checkbox"], input[type="radio"] {
border-radius: 0.5rem; border-radius: 0.5rem;
} }
/* Scrollleisten in Kacheln: duenner, dezenter Streifen statt der breiten
Standardleiste. Chromium/WebView2/WebKitGTK ueber ::-webkit-scrollbar;
Firefox nur ueber scrollbar-width/-color — in Chromium wuerde
scrollbar-width die ::-webkit-Regeln abschalten, daher per @supports getrennt. */
.react-grid-item ::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.react-grid-item ::-webkit-scrollbar-track,
.react-grid-item ::-webkit-scrollbar-corner {
background: transparent;
}
.react-grid-item ::-webkit-scrollbar-thumb {
background: color-mix(in oklab, var(--muted-foreground) 35%, transparent);
border-radius: 3px;
}
.react-grid-item ::-webkit-scrollbar-thumb:hover {
background: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
}
.react-grid-item ::-webkit-scrollbar-button {
display: none;
}
@supports not selector(::-webkit-scrollbar) {
.react-grid-item * {
scrollbar-width: thin;
scrollbar-color: color-mix(in oklab, var(--muted-foreground) 35%, transparent) transparent;
}
}
/* Mit Hintergrund: Kacheln als Windows-11-„Mica“ — halbtransparent mit /* Mit Hintergrund: Kacheln als Windows-11-„Mica“ — halbtransparent mit
Unschaerfe. Die einzige Stelle mit Transparenz. Deckkraft so gewaehlt, Unschaerfe. Die einzige Stelle mit Transparenz. Deckkraft so gewaehlt,
dass Text auch vor einem rein schwarzen (hell) bzw. rein weissen, dann auf dass Text auch vor einem rein schwarzen (hell) bzw. rein weissen, dann auf