tree dde432fb38e07403c1eac490e813fdbcbb5fd511
parent bf9ccc84274ed002008d11f7fb101cd6d8320adf
author Nikita Nemkin <nikita@nemkin.ru> 1738484643 +0500
committer Nikita Nemkin <nikita@nemkin.ru> 1738521197 +0500

Help: Add responsive layout for small screens

These changes activate only on small screens, where "small" is defined
as <=760px, i.e. anything smaller than iPad Mini.

* Turn the sidebar into a popup (on the right) and add a hamburger
  button in the header to show it.
* Split the header and footer into two lines, make the header sticky.
* Remove the prev/next links from the header.
* Put the search box first in the sidebar.
* Disable horizontal scroll of the page, enable individual scrolling
  for h1, table. (Code blocks already have it).
* Allow line breaking of overly long words in the document body.
* Adjust various margins.

The sidebar popup works without JavaScript (using the "checkbox hack"),
but a bit of JavaScript is added to enable automatic closing on Esc,
on a link click and on document navigation.