Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

input switch transition #42

Closed
ThaUnknown opened this issue Sep 17, 2020 · 2 comments
Closed

input switch transition #42

ThaUnknown opened this issue Sep 17, 2020 · 2 comments

Comments

@ThaUnknown
Copy link

would be nice to add a simple transition to the checkmark switch like so:

.custom-switch input[type=checkbox]:checked~label:after,
.custom-switch input[type=checkbox]~label:after{
    transition: left .2s ease
}

it's really simple and makes it feel a LOT better

@halfmoonui
Copy link
Owner

Thank you, I will test this out and see how it works.

halfmoonui added a commit that referenced this issue Oct 6, 2020
Minor updates:
- Rounded buttons (#25)
- Fixes switch transitions (#42)
- Other minor bug fixes, such as the border radius issue with input groups
@halfmoonui
Copy link
Owner

@ThaUnknown This has been fixed in v1.1.1: https://www.gethalfmoon.com/docs/switch

Though I did change the transition speed slightly, the faster one just looked nicer to me. I will go ahead and close this issue. You can re-open it if you think the issue is still not resolved, or open another issue. Thank you.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants