The tab closing animation isn't centered

kite-project / hope

A new web experience for your B2G and Android devices.

8 stars 3 forks source link

The tab closing animation isn't centered #27

Open etiennesegonzac opened 8 years ago

etiennesegonzac commented 8 years ago

The shrink is supposed to happen with a transform-origin: center center; but looks like the origin is center bottom when the animation plays.

It's a tiny details but might be a symptom of a slightly bigger issue like a class that's not getting cleaned up properly, haven't checked yet.

wilsonpage commented 8 years ago

I investigated this and found that it's due to the transform being applied to li > hope-tab which is 100vh tall. hope-tab is cropped by the parent li, so it's no possible to see the bottom of the hope-tab.