From 534fbae40bee3e332cf5e8a4168affceccffb9e4 Mon Sep 17 00:00:00 2001 From: Tewson Seeoun Date: Sat, 24 Jul 2021 23:39:24 +0100 Subject: [PATCH] Controls: fix bool control style to match value When `true`, the toggle slider should rest on the label "True". --- lib/components/src/controls/Boolean.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/lib/components/src/controls/Boolean.tsx b/lib/components/src/controls/Boolean.tsx index 400faa837dee..42ce6b9d9528 100644 --- a/lib/components/src/controls/Boolean.tsx +++ b/lib/components/src/controls/Boolean.tsx @@ -70,7 +70,7 @@ const Label = styled.label(({ theme }) => ({ }, }, - 'input:checked ~ span:first-of-type, input:not(:checked) ~ span:last-of-type': { + 'input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type': { background: theme.background.app, boxShadow: `${opacify(0.1, theme.appBorderColor)} 0 0 2px`, color: theme.color.defaultText,