fix(Switch): don't show check when not checked in readonly (#2377)

Barsnes · web-flow · commit 4abf5e6af167 · 2024-09-06T11:52:24.000+02:00
resolves #2366
diff --git a/.changeset/metal-bananas-notice.md b/.changeset/metal-bananas-notice.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-css": patch
+---
+
+Switch: don't show check when not checked in readonly
diff --git a/packages/css/switch.css b/packages/css/switch.css
@@ -212,6 +212,10 @@
 }
 
 .ds-switch--readonly .ds-switch__input[readonly] + .ds-switch__label .ds-switch__track > .ds-switch__thumb {
+  background-color: var(--ds-color-neutral-border-strong);
+}
+
+.ds-switch--readonly .ds-switch__input[readonly]:checked + .ds-switch__label .ds-switch__track > .ds-switch__thumb {
   --dsc-switch-check_color: var(--ds-color-neutral-background-subtle);
 
   background-color: var(--ds-color-neutral-border-strong);

Original file line number	Diff line number	Diff line change
`@@ -212,6 +212,10 @@`
`212`	`212`	`}`
`213`	`213`
`214`	`214`	`.ds-switch--readonly .ds-switch__input[readonly] + .ds-switch__label .ds-switch__track > .ds-switch__thumb {`
	`215`	`+ background-color: var(--ds-color-neutral-border-strong);`
	`216`	`+}`
	`217`	`+`
	`218`	`+.ds-switch--readonly .ds-switch__input[readonly]:checked + .ds-switch__label .ds-switch__track > .ds-switch__thumb {`
`215`	`219`	`--dsc-switch-check_color: var(--ds-color-neutral-background-subtle);`
`216`	`220`
`217`	`221`	`background-color: var(--ds-color-neutral-border-strong);`