Fix focus box-shadow for validation stated form-controls (twbs#38719)

Co-authored-by: Dmitry Karpunin <ext-dmitriy.karpunin@sbermarket.ru>
romankupchak93 · Jan 5, 2024 · 35f28fb · 35f28fb
1 parent 235aab5
commit 35f28fb
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
@@ -69,7 +69,12 @@
 
       &:focus {
         border-color: $border-color;
-        box-shadow: $focus-box-shadow;
+        @if $enable-shadows {
+          @include box-shadow($input-box-shadow, $focus-box-shadow);
+        } @else {
+          // Avoid using mixin so we can pass custom focus shadow properly
+          box-shadow: $focus-box-shadow;
+        }
       }
     }
   }
@@ -100,7 +105,12 @@
 
       &:focus {
         border-color: $border-color;
-        box-shadow: $focus-box-shadow;
+        @if $enable-shadows {
+          @include box-shadow($form-select-box-shadow, $focus-box-shadow);
+        } @else {
+          // Avoid using mixin so we can pass custom focus shadow properly
+          box-shadow: $focus-box-shadow;
+        }
       }
     }
   }