mirror of
https://github.com/fish-shell/fish-shell
synced 2024-11-10 15:14:44 +00:00
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:
parent
c39c985512
commit
117e663efe
1 changed files with 13 additions and 0 deletions
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue