Css-based TOC animation

[Altai-man]

Smooth css animation for TOC. This animation isn't based on (max-)height. The only JS part needed is to change css classes, should work with most browsers.

[Altai-man]

Fixes #686

[Altai-man]

We still need two classes for animation, since if we remove one, hiding or showing will be without animation transition.

[AlexDaniel]

But, but… it does not work at all! It seems like .css file was not generated or something.

[Altai-man]

It was fixed. I thought the server builds sass-files by itself.

[zoffixznet]

@AlexDaniel which browser?

In my Firefox the failure modes are:

1. The text disappears, but the height of the table is still there, so the entire point of hiding the ToC is broken; I still have to scroll (this is on small-width view, where the ToC is at the top of the page)
2. After I hide the ToC, on page load the ToC flashes in shown position and then animates to an off position. It should start off in off position

[zoffixznet]

I thought the server builds sass-files by itself.

Not yet. It just uses the generated html/css/style.css file.

[coke]

I have the same issue as @zoffixznet - the text hides, but the vertical space it consumes is still there, and the default on page reload is wrong.

Please revert this for now.

[Altai-man]

Reverted. I suppose, we should just remove animation at all then.