The table of contents should manifest on top of the text, rather than pushing the text over, on mobile

[david-christiansen]

On mobile devices, opening the table of contents should pop up a menu over the content, rather than pushing the content to the right and sometimes reflowing text:

[jakobvase]

I would drop the transition that makes it slide in. It is a thing of wonder and beauty, and it looks strange - the text in the toc reflows when you click the button. Also, animations are annoying for some people. Go for simplicity.

[jakobvase]

Once the transition is removed, it's easier to make it float on top of the text, because you don't have to deal with the transforms:

#toc {
    background-color: var(--verso-toc-background-color);
    color: var(--verso-toc-text-color);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 0;
}

#toc:has(#toggle-toc:checked) {
    width: 15em;
}

@media screen and (max-width: 700px) {
    #toc {
        position: fixed;
        z-index: 10;
    }
}

[david-christiansen]

Fixed in #148. Thanks!