mirror of
https://github.com/fish-shell/fish-shell
synced 2024-12-27 05:13: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;
|
||||
line-height: 130%;
|
||||
font-size: smaller;
|
||||
float: left;
|
||||
postion: fixed;
|
||||
overflow: auto;
|
||||
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 {
|
||||
|
|
Loading…
Reference in a new issue