diff options
| author | Simon Ihmig <simon.ihmig@kaliber5.de> | 2021-05-28 10:20:31 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-05-28 10:20:31 +0300 |
| commit | 649c2bb0bf326db36cbbf7e72c0541b19749a70e (patch) | |
| tree | 1987a6a297d2eb53ee61c703c5d59bbb1378edc3 /scss | |
| parent | f9e3d01f30b553e751b6c4d33c1648397d37cc04 (diff) | |
Add missing transition to `.form-select` (#34034)
A selectbox is styled in a very similar way as an input (`.form-control`), including border-color and box-shadow. So it can be assumed it should apply the same CSS transition for these properties when focused, but this was missing.
Co-authored-by: alpadev <2838324+alpadev@users.noreply.github.com>
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_variables.scss | 2 | ||||
| -rw-r--r-- | scss/forms/_form-select.scss | 1 |
2 files changed, 3 insertions, 0 deletions
diff --git a/scss/_variables.scss b/scss/_variables.scss index 9a1f3daad9..11819f4400 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -826,6 +826,8 @@ $form-select-font-size-sm: $input-font-size-sm !default; $form-select-padding-y-lg: $input-padding-y-lg !default; $form-select-padding-x-lg: $input-padding-x-lg !default; $form-select-font-size-lg: $input-font-size-lg !default; + +$form-select-transition: $input-transition !default; // scss-docs-end form-select-variables // scss-docs-start form-range-variables diff --git a/scss/forms/_form-select.scss b/scss/forms/_form-select.scss index 70256255a7..4506a979ad 100644 --- a/scss/forms/_form-select.scss +++ b/scss/forms/_form-select.scss @@ -22,6 +22,7 @@ border: $form-select-border-width solid $form-select-border-color; @include border-radius($form-select-border-radius, 0); @include box-shadow($form-select-box-shadow); + @include transition($form-select-transition); appearance: none; &:focus { |