From 76451d1ca577101456c057afb13e4c07dd8f2f93 Mon Sep 17 00:00:00 2001 From: "louismaxime.piton" Date: Wed, 6 Jul 2022 11:46:10 +0200 Subject: [PATCH] Only set the background-image (and not the enitre background) just like Bs --- scss/_variables.scss | 4 ++-- scss/mixins/_forms.scss | 5 ++++- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/scss/_variables.scss b/scss/_variables.scss index 03f3be5cda..9ab5674a23 100644 --- 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 index 34025108bc..884cfc5ff8 100644 --- 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; } } }