Room for animations about tabby HOT 8 CLOSED

You might want to look into CSS transitions and animations for that. For performance reasons, Tabby doesn't use any JS transitions.

from tabby.

I didn't mean JS transitions. I meant something like this:

1. Click the tab.
2. Add the class to the previous pane (e.g. .inactive), which I would use to add CSS animation.
3. Wait X ms.
4. Toggle the new pane.
5. The new pane has .active class, which I would use to add CSS animation.

Basically I'm looking for a nice way to delay tab toggling. Maybe the callbackBefore can have an additional done argument which can be resolved, or something.

from tabby.

Check out the CSS Transition Delay property: https://developer.mozilla.org/en-US/docs/Web/CSS/transition-delay

from tabby.

I'm failing to see how this can delay tab toggling, this delays CSS transitions, tabby is JavaScript.

from tabby.

Tabs are shown/hidden by the addition/remove of the .active class. You can use that class to control a transition (today is simply changes the display property). So you could, for example, control and animate things like height, opacity, etc.... with delays.

from tabby.

All the JS does is add/remove a class.

from tabby.

Ok, I managed to do it, you were right. Sorry for taking your time, I thought that this was a limitation of tabby rather than my own 😃

from tabby.

No worries, dude! Glad you got it figured out.

from tabby.