docs: Make somewhat usable on mobile

The sidebar had a fixed 230px, which is absolutely untenable if your
phone has 700px in total and we only use 85% of that.

So this moves the sidebar to the bottom for now, which isn't *great*,
but at least it leaves the text readable and allows navigating the ToC.

One of these days I'll understand what the heck CSS is.

[ci skip]
This commit is contained in:
Fabian Homborg 2020-10-08 21:26:08 +02:00
parent e46995d764
commit 5f3070220a

View file

@ -53,8 +53,21 @@ div.sphinxsidebar {
border-radius: 5px; border-radius: 5px;
line-height: 130%; line-height: 130%;
font-size: smaller; font-size: smaller;
float: left; overflow: auto;
postion: fixed; position: absolute;
margin-left: 0;
float: none;
}
/* On screens that are less than 700px wide remove the sidebar */
@media screen and (max-width: 700px) {
div.sphinxsidebar {
width: 100%;
height: auto;
position: relative;
}
div.content {margin-left: 0;}
div.bodywrapper { margin: 0; }
} }
div.sphinxsidebar h3, div.sphinxsidebar h4 { div.sphinxsidebar h3, div.sphinxsidebar h4 {