From 030af97fad80e719c1bff1307225413ea959dac0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABl=20Poupard?= Date: Mon, 15 Feb 2021 20:13:43 +0100 Subject: [PATCH] fix(forms): input-group and validation icons (#32968) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fixes #30131 Issue mentions `form-control` but it impacts `.custom-select` — but not `textarea` since it has a qualifying type selector that increases its specificty. So another way could be to set `select.custom-select` and `input.form-control`. Would there be any other tag concerned by those classes? Co-authored-by: XhmikosR --- 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 a32163049c..bdb7f69e00 100644 --- a/scss/mixins/_forms.scss +++ b/scss/mixins/_forms.scss @@ -85,7 +85,7 @@ border-color: $color; @if $enable-validation-icons { - padding-right: $input-height-inner; + padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important background-image: escape-svg($icon); background-repeat: no-repeat; background-position: right $input-height-inner-quarter center; @@ -114,7 +114,7 @@ border-color: $color; @if $enable-validation-icons { - padding-right: $custom-select-feedback-icon-padding-right; + padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat; }