halfmoonui / halfmoon

Halfmoon is a highly customizable, drop-in Bootstrap replacement. It comes with three built-in core themes, with dark mode support for all themes and components.
https://www.gethalfmoon.com
MIT License
3.04k stars 118 forks source link

input switch transition #42

Closed ThaUnknown closed 4 years ago

ThaUnknown commented 4 years ago

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 commented 4 years ago

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

halfmoonui commented 4 years ago

@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.