vue-easy-toast icon indicating copy to clipboard operation
vue-easy-toast copied to clipboard

Slide-up transition fixed

Open focussing opened this issue 6 years ago • 3 comments

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;
  }

focussing avatar Apr 25 '18 18:04 focussing

thanks for your report, unfortunately, I'm on a trip right now. I'll try too fixed as soon as I'm able to.

noru avatar Apr 29 '18 11:04 noru

along with #26

noru avatar Apr 29 '18 11:04 noru

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

noru avatar May 09 '18 05:05 noru