vue-easy-toast
vue-easy-toast copied to clipboard
Slide-up transition fixed
The CSS classes for slide-up when using 'bottom' vertical position where not correct. What worked for me:
.slide-up-enter-active,
.slide-up-leave-active,
.slide-up-transition {
-webkit-transition: opacity .3s ease, bottom .3s ease-in;
transition: opacity .3s ease, bottom .3s ease-in;
}
.slide-up-leave-active,
.slide-up-enter,
.slide-up-leave {
opacity: 0;
bottom: -10% !important;
}
thanks for your report, unfortunately, I'm on a trip right now. I'll try too fixed as soon as I'm able to.
along with #26
@focussing I run the demo page on Chrome/Safari (both desktop and iOS) with slide-up/bottom, nothing went wrong. Would you please provide more reproduce steps so I can proceed? Appreciated.