From 56d80ea53c24858b3888a350f43cd6c03917bcdc Mon Sep 17 00:00:00 2001 From: Dmitry Karpunin Date: Sat, 9 Dec 2023 11:34:21 +0300 Subject: [PATCH] Fix focus box-shadow for validation stated form-controls (#38719) Co-authored-by: Dmitry Karpunin --- scss/mixins/_forms.scss | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss index d47b1e41d6..00b4764134 100644 --- 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; + } } } }