Skip to content

Custom forms transition#26538

Merged
XhmikosR merged 2 commits into
twbs:v4-devfrom
MartijnCuppens:custom-form-transition
May 22, 2018
Merged

Custom forms transition#26538
XhmikosR merged 2 commits into
twbs:v4-devfrom
MartijnCuppens:custom-form-transition

Conversation

@MartijnCuppens

Copy link
Copy Markdown
Member

Currently there is no transition applied to custom form elements. This PR adds transition to checkboxes, radios, custom range sliders, custom selects and custom file inputs.

background-color transition is needed to transition the checkboxes and radio buttons. This is why $custom-forms-transition is not inherited from $input-transition

Demo: https://codepen.io/MartijnCuppens/pen/OZrBYj

@patrickhlauke

Copy link
Copy Markdown
Member

just to check: does this also obey the "reduced motion" thing (where transitions are disabled) https://getbootstrap.com/docs/4.1/getting-started/accessibility/#reduced-motion ?

@MartijnCuppens

Copy link
Copy Markdown
Member Author

@patrickhlauke,
Yes, the transition mixin is used for each transition.

@andresgalante andresgalante left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@MartijnCuppens cool! I like it

@XhmikosR XhmikosR merged commit 4dd65f0 into twbs:v4-dev May 22, 2018
@mdo mdo mentioned this pull request May 22, 2018
@MartijnCuppens MartijnCuppens deleted the custom-form-transition branch May 20, 2020 09:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants