mirror of
https://github.com/fish-shell/fish-shell
synced 2024-12-28 13:53:10 +00:00
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:
parent
e46995d764
commit
5f3070220a
1 changed files with 15 additions and 2 deletions
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue