fix(form control color): adjust size when valid feedback (#2341)

Orange-OpenSource · Oct 26, 2023 · a792e8b · a792e8b
1 parent 4d39d3c
commit a792e8b
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
@@ -30,7 +30,7 @@
           padding-right: $input-height-inner;
           background-image: escape-svg($icon);
           background-repeat: no-repeat;
-          background-position: right $input-height-inner-quarter top subtract($input-height-inner-quarter, 2px);
+          background-position: right subtract($input-height-inner-quarter, $input-border-width) top subtract($input-height-inner-quarter, $input-border-width);
           background-size: $input-height-inner-half $input-height-inner-half;
         }
       }
@@ -49,7 +49,7 @@
 
       .form-control-color {
         @include form-validation-state-selector($state) {
-          width: add($form-color-width, $input-height-inner);
+          width: calc(#{$form-color-width} + #{$input-height-inner-half} + #{$input-height-inner-quarter} - #{$input-border-width}); // stylelint-disable-line function-disallowed-list
         }
       }
     }