mirror of
https://github.com/fish-shell/fish-shell.git
synced 2026-04-21 08:51:14 -03: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:
@@ -30,6 +30,14 @@ div.related {
|
||||
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 {
|
||||
color: #0095C4;
|
||||
}
|
||||
@@ -242,5 +250,10 @@ dl > dt span ~ em {
|
||||
box-shadow: 0;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
/* We have some padding/margins that would overflow - just remove it */
|
||||
overflow: clip;
|
||||
}
|
||||
div.footer {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user