From a792e8b20fdcec7498da89bc0c90df92171e3ac1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Thu, 26 Oct 2023 13:47:22 +0200 Subject: [PATCH] fix(form control color): adjust size when valid feedback (#2341) --- scss/mixins/_forms.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss index 65a4a85b49..a01e48c700 100644 --- 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 } } }