docs/theme: Remove horizontal scrolling on small screens

This clips overflowing padding/margins and thereby removes
non-"content" that's just off-screen, making the site scrollable.

The exception here is for tables - we allow scrolling the *section*
divs for those (because I have no idea how to only make the <table>
scrollable), if necessary of course.
This commit is contained in:
Fabian Homborg 2021-01-25 22:09:32 +01:00
parent c39c985512
commit 117e663efe

View file

@ -30,6 +30,14 @@ div.related {
margin-top: 0; margin-top: 0;
} }
div.section {
/* Make scrollable when it's too wide
Really only happens with tables, the rest flows nicely,
but I have no idea how to make the tables themselves scrollable
*/
overflow-y: auto;
}
div.related a:hover { div.related a:hover {
color: #0095C4; color: #0095C4;
} }
@ -242,5 +250,10 @@ dl > dt span ~ em {
box-shadow: 0; box-shadow: 0;
width: 100%; width: 100%;
padding: 0; padding: 0;
/* We have some padding/margins that would overflow - just remove it */
overflow: clip;
} }
div.footer {
margin: 0;
}
} }