rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Hide validation icons from multiple selects

Browse Source 
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
This commit is contained in:
Geremia Taglialatela 2021-04-09 16:21:08 +02:00 committed by Mark Otto
parent db32b2380c
commit 6fe75df3aa
1 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
scss/mixins/_forms.scss
View File

@ -88,17 +88,12 @@
border-color: $color; border-color: $color;
@if $enable-validation-icons { @if $enable-validation-icons {
padding-right: $form-select-feedback-icon-padding-end; &:not([multiple]):not([size]),
background-image: escape-svg($form-select-indicator), escape-svg($icon); &:not([multiple])[size="1"] {
background-position: $form-select-bg-position, $form-select-feedback-icon-position; padding-right: $form-select-feedback-icon-padding-end;
background-size: $form-select-bg-size, $form-select-feedback-icon-size; background-image: escape-svg($form-select-indicator), escape-svg($icon);
background-position: $form-select-bg-position, $form-select-feedback-icon-position;
&[multiple], background-size: $form-select-bg-size, $form-select-feedback-icon-size;
&[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;
} }
} }