From 1c06b84011c4790d24716e3feb51f2974aacc691 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Antoine=C3=90?= Date: Tue, 28 Nov 2023 23:29:26 +0100 Subject: [PATCH] Enhanced switch A11Y > > Co-authored-by: Minybol --- packages/client/src/components/form/switch.vue | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/client/src/components/form/switch.vue b/packages/client/src/components/form/switch.vue index 2b7c7663c..6e2725bfa 100644 --- a/packages/client/src/components/form/switch.vue +++ b/packages/client/src/components/form/switch.vue @@ -69,6 +69,7 @@ function toggle(x) { transition: inherit; user-select: none; pointer-events: none; + outline: solid 2.5px var(--swutchOffFg); > .knob { position: absolute; @@ -124,6 +125,7 @@ function toggle(x) { > input:checked ~ .button { background-color: var(--swutchOnBg) !important; border-color: var(--swutchOnBg) !important; + outline: solid 2.5px var(--swutchOnFg); > .knob { left: 12px;