From fd711b055c4838481ed535b200be9dbce8abb1af Mon Sep 17 00:00:00 2001
From: sergeyteleshev <iamsergeyteleshev@gmail.com>
Date: Fri, 11 Oct 2024 18:23:22 +0200
Subject: [PATCH] CB-5806 The AWS switch does not work in the settings (#2994)

---
 .../packages/core-theming/src/styles/_checkbox.scss |  2 +-
 .../core-theming/src/styles/_form-controls.scss     | 13 ++++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/webapp/packages/core-theming/src/styles/_checkbox.scss b/webapp/packages/core-theming/src/styles/_checkbox.scss
index 16b4169927..45f2d22161 100644
--- a/webapp/packages/core-theming/src/styles/_checkbox.scss
+++ b/webapp/packages/core-theming/src/styles/_checkbox.scss
@@ -19,7 +19,7 @@ $mdc-checkbox-icon-size: 16px;
     @extend .mdc-checkbox__native-control;
 
     &:disabled {
-      opacity: 0 !important;
+      opacity: 0;
     }
   }
   .theme-checkbox__background {
diff --git a/webapp/packages/core-theming/src/styles/_form-controls.scss b/webapp/packages/core-theming/src/styles/_form-controls.scss
index f188cd8d1f..96994afe84 100644
--- a/webapp/packages/core-theming/src/styles/_form-controls.scss
+++ b/webapp/packages/core-theming/src/styles/_form-controls.scss
@@ -73,13 +73,20 @@
       @include mdc-theme-prop(border-color, primary, false);
     }
 
-    &:not([data-select='true'])[readonly],
-    &:not([data-select='true'])[disabled] {
+    &:not([data-select='true'])[readonly] {
       @include mdc-theme-prop(color, input-color-readonly, false);
       @include mdc-theme-prop(border-color, input-border-readonly, false);
       @include mdc-theme-prop(background-color, input-background-readonly, false);
       opacity: 1;
-      cursor: text;
+      &:-internal-autofill-selected,
+      &:-internal-autofill-previewed {
+        box-shadow: 0 0 0 50px $input-background-readonly inset;
+      }
+    }
+    &:not([data-select='true'])[disabled] {
+      @include mdc-theme-prop(color, input-color-readonly, false);
+      @include mdc-theme-prop(border-color, input-border-readonly, false);
+      @include mdc-theme-prop(background-color, input-background-readonly, false);
       pointer-events: all;
       &:-internal-autofill-selected,
       &:-internal-autofill-previewed {