From: Gaël Poupard <ffoodd@users.noreply.github.com>
Date: Mon, 15 Feb 2021 19:13:43 +0000 (+0100)
Subject: fix(forms): input-group and validation icons (#32968)
X-Git-Tag: v4.6.1~83
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=030af97fad80e719c1bff1307225413ea959dac0;p=thirdparty%2Fbootstrap.git

fix(forms): input-group and validation icons (#32968)

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 <xhmikosr@gmail.com>
---

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;
       }