diff options
| author | Geremia Taglialatela <[email protected]> | 2021-03-19 21:52:58 +0100 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2021-04-02 14:11:35 -0700 |
| commit | bfafabfd53c330fd341cac97ba07e85abba698ab (patch) | |
| tree | d3c89bac805e729d9e13cf2ef33e65dcc15dbe3d /scss | |
| parent | 20cfbdff79e19e77c24596cdca59c6694283e242 (diff) | |
| download | bootstrap-bfafabfd53c330fd341cac97ba07e85abba698ab.tar.xz bootstrap-bfafabfd53c330fd341cac97ba07e85abba698ab.zip | |
Fix validation feedback icon in select multiple
Validation feedback for `<select multiple>` should look like
`<textarea>`.
The previous implementation was placing the validation icon in the
middle of the select field together with the single select arrow, that
is not supposed to be part of this kind of inputs
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/mixins/_forms.scss | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss index a1e0849df..612f94d17 100644 --- a/scss/mixins/_forms.scss +++ b/scss/mixins/_forms.scss @@ -92,6 +92,14 @@ 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; + } } &:focus { |