Left sidenav / main area have a gap between it and the footer

[chalin]

For an example of the problem see https://main--docsydocs.netlify.app/docs/best-practices/:

Notice how the left sidenav (and the main section) fall short. The height of these elements should be the (almost) full page, like on desktop:

[chalin]

Context: On desktop and tablet, Docsy's original design had the sidenav's be essentially the viewport height, pushing the footer out of view. On desktop, this is achieved by the sidenav-toc height. On tablet (when the toc is hidden), it's via the sidebar-tree/section &__inner height.

On table, I don't think that the sidenav should have a fixed height. It is a cleaner and more UX friendly design IMHO, to allow the sidenav and main content size determine if the footer is in view.