Style shared scrollbars
This commit is contained in:
@@ -40,6 +40,16 @@ describe("platform web shared theme CSS", () => {
|
|||||||
expect(css).toContain(".runtime-task-meter-track{height:10px");
|
expect(css).toContain(".runtime-task-meter-track{height:10px");
|
||||||
});
|
});
|
||||||
|
|
||||||
|
it("themes shared scrollbars instead of exposing browser-default gutters", () => {
|
||||||
|
const css = compact(readThemeCss());
|
||||||
|
|
||||||
|
expect(css).toContain(":root[data-theme-palette],:root[data-theme-palette]*{scrollbar-color:color-mix(insrgb,var(--accent)62%,var(--surface-solid))color-mix(insrgb,var(--surface-solid)62%,transparent);scrollbar-width:thin}");
|
||||||
|
expect(css).toContain(":root[data-theme-palette]::-webkit-scrollbar,:root[data-theme-palette]*::-webkit-scrollbar{width:10px;height:10px}");
|
||||||
|
expect(css).toContain(":root[data-theme-palette]::-webkit-scrollbar-thumb,:root[data-theme-palette]*::-webkit-scrollbar-thumb{min-height:42px;border:2pxsolid");
|
||||||
|
expect(css).toContain("background:linear-gradient(180deg,color-mix(insrgb,var(--accent)62%,var(--surface-solid)),color-mix(insrgb,var(--gold)46%,var(--accent)))");
|
||||||
|
expect(css).toContain("::-webkit-scrollbar-corner");
|
||||||
|
});
|
||||||
|
|
||||||
it("keeps server card stat tiles readable over busy backgrounds", () => {
|
it("keeps server card stat tiles readable over busy backgrounds", () => {
|
||||||
const css = compact(readThemeCss());
|
const css = compact(readThemeCss());
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user