diff options
author | Geremia Taglialatela <tagliala.dev@gmail.com> | 2021-04-09 17:21:08 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2021-04-14 08:05:53 +0300 |
commit | 6fe75df3aa2802d25dbc720dbb13f644fe5a3222 (patch) | |
tree | 811ef08554725bc95237986e4642fee56c2b2625 /scss/mixins/_forms.scss | |
parent | db32b2380c3040936b8e88f6d6dae5998750ddf6 (diff) |
Hide validation icons from multiple selects
Implementation provided in #33411 does not take into account that some
Operating Systems may display a vertical scrollbar in the multiple
select field
This implementation will hide the validation icons from multiple select
fields, just like Bootstrap 4 does.
Fix: #33591
Diffstat (limited to 'scss/mixins/_forms.scss')
-rw-r--r-- | scss/mixins/_forms.scss | 17 |
1 files changed, 6 insertions, 11 deletions
diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss index 612f94d17c..283462fd56 100644 --- a/scss/mixins/_forms.scss +++ b/scss/mixins/_forms.scss @@ -88,17 +88,12 @@ border-color: $color; @if $enable-validation-icons { - padding-right: $form-select-feedback-icon-padding-end; - background-image: escape-svg($form-select-indicator), escape-svg($icon); - background-position: $form-select-bg-position, $form-select-feedback-icon-position; - background-size: $form-select-bg-size, $form-select-feedback-icon-size; - - &[multiple], - &[size]:not([size="1"]) { - padding-right: $input-height-inner; - background-image: escape-svg($icon); - background-position: top $input-height-inner-quarter right $input-height-inner-quarter; - background-size: $form-select-feedback-icon-size; + &:not([multiple]):not([size]), + &:not([multiple])[size="1"] { + padding-right: $form-select-feedback-icon-padding-end; + background-image: escape-svg($form-select-indicator), escape-svg($icon); + background-position: $form-select-bg-position, $form-select-feedback-icon-position; + background-size: $form-select-bg-size, $form-select-feedback-icon-size; } } |