CottageCabbage / vu-dooit

Task Manager application for Web, Desktop and Mobile. Still in development
https://CottageCabbage.github.io/vu-dooit
3 stars 1 forks source link

Delay while resizing sidebar #39

Closed CottageCabbage closed 2 years ago

CottageCabbage commented 2 years ago

For the open-close animation, I've used transition: width 0.2s. It makes it prettier.

#wide-sidebar {
  overflow-x: hidden;
  resize: horizontal;
  max-width: 300px;
  transition: background 0s, width 0.2s; // THIS RIGHT HERE
}

This creates an annoying delay while resizing it with through dragging.

Not completely sure how to fix this, but I think switching the width 0.2s in transition to flex/flex-grow/flex-shrink (and doing the same to how the sidebar's animation class) maybe would work? Remember to test later

CottageCabbage commented 2 years ago

Erased the toggle-sidebar animation. Now resizing is smoother. Open-close anim is not really necessary anyway