Skip to content

Commit

Permalink
Fix validation feedback icon in select multiple
Browse files Browse the repository at this point in the history
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
  • Loading branch information
tagliala committed Mar 30, 2021
1 parent e82f509 commit 1eba8ee
Showing 1 changed file with 8 additions and 0 deletions.
8 changes: 8 additions & 0 deletions scss/mixins/_forms.scss
Expand Up @@ -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 {
Expand Down

0 comments on commit 1eba8ee

Please sign in to comment.