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

Co-authored-by: Dmitry Karpunin <ext-dmitriy.karpunin@sbermarket.ru>
This commit is contained in:
Dmitry Karpunin 2023-12-09 11:34:21 +03:00 committed by GitHub
parent a1bae2e784
commit 56d80ea53c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 2 deletions

View File

@ -69,10 +69,15 @@
&:focus { &:focus {
border-color: $border-color; border-color: $border-color;
@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; box-shadow: $focus-box-shadow;
} }
} }
} }
}
// stylelint-disable-next-line selector-no-qualifying-type // stylelint-disable-next-line selector-no-qualifying-type
textarea.form-control { textarea.form-control {
@ -100,10 +105,15 @@
&:focus { &:focus {
border-color: $border-color; border-color: $border-color;
@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; box-shadow: $focus-box-shadow;
} }
} }
} }
}
.form-control-color { .form-control-color {
@include form-validation-state-selector($state) { @include form-validation-state-selector($state) {