From afa3e7477b0f17d8220f847b177c0cdf58e54a49 Mon Sep 17 00:00:00 2001
From: Ali <83188384+testA113@users.noreply.github.com>
Date: Wed, 25 Oct 2023 23:17:18 +0100
Subject: [PATCH] fix(toggle): update cursor style and color transition speed
 [EE-6229] (#10534)

Co-authored-by: testa113 <testa113>
---
 app/assets/css/bootstrap-override.css                       | 2 ++
 app/react/components/form-components/SwitchField/Switch.css | 1 -
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/assets/css/bootstrap-override.css b/app/assets/css/bootstrap-override.css
index d3fab73ac..8064cee07 100644
--- a/app/assets/css/bootstrap-override.css
+++ b/app/assets/css/bootstrap-override.css
@@ -97,6 +97,8 @@
   bottom: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s;
+  /* speed up the hover color changes to 200ms, while keeping the movement transition 400ms */
+  @apply transition-colors duration-200;
   @apply bg-gray-6;
   @apply th-dark:bg-gray-warm-8;
   @apply th-highcontrast:bg-gray-warm-8;
diff --git a/app/react/components/form-components/SwitchField/Switch.css b/app/react/components/form-components/SwitchField/Switch.css
index 495355a20..129df64e4 100644
--- a/app/react/components/form-components/SwitchField/Switch.css
+++ b/app/react/components/form-components/SwitchField/Switch.css
@@ -55,7 +55,6 @@
 }
 
 .switch.limited {
-  pointer-events: none;
   touch-action: none;
 }