fix(forms): set background color for validated inputs (#1361)

Orange-OpenSource · Jul 8, 2022 · ff301e1 · ff301e1
1 parent ead5230
commit ff301e1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -1001,8 +1001,8 @@ $input-placeholder-color:               $gray-700 !default;
 $input-plaintext-color:                 var(--#{$prefix}body-color) !default;
 
 $input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;
-// Boosted mod: no $input-height-inner-half
-// Boosted mod: no $input-height-inner-quarter
+$input-height-inner-half:               $spacer !default; // Boosted mod
+$input-height-inner-quarter:            map-get($spacers, 2) !default; // Boosted mod
 
 $input-height:                          2.5rem !default;
 // Boosted mod: no $input-height-sm

diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
@@ -27,7 +27,10 @@
     @if $enable-validation-icons {
       .form-control {
         @include form-validation-state-selector($state) {
-          background: $icon no-repeat right map-get($spacers, 2) center / $spacer;
+          background-image: escape-svg($icon);
+          background-repeat: no-repeat;
+          background-position: right $input-height-inner-quarter center;
+          background-size: $input-height-inner-half $input-height-inner-half;
         }
       }
     }