Fix focus box-shadow for validation stated form-controls

KODerFunk · web-flow · commit a5d61276d99b · 2023-06-06T19:28:47.000+03:00
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;
+        }
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -69,7 +69,12 @@`
`69`	`69`
`70`	`70`	`&:focus {`
`71`	`71`	`border-color: $border-color;`
`72`		`- box-shadow: $focus-box-shadow;`
	`72`	`+ @if $enable-shadows {`
	`73`	`+ @include box-shadow($input-box-shadow, $focus-box-shadow);`
	`74`	`+ } @else {`
	`75`	`+ // Avoid using mixin so we can pass custom focus shadow properly`
	`76`	`+ box-shadow: $focus-box-shadow;`
	`77`	`+ }`
`73`	`78`	`}`
`74`	`79`	`}`
`75`	`80`	`}`