Scrollable sidebar (#1457)

* Make the sidebar navigation scrollable

This is necessary since we have so many documentation sections that even
on a desktop screen, the navigation can sometimes be clipped. The only
annoyance is that on Firefox, the scrollbar can't be hidden :(

* allow the docs to build
This commit is contained in:
Richard Si 2020-05-23 14:56:50 -04:00 committed by GitHub
parent ff6bbd5d96
commit 0196437f8e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 39 additions and 1 deletions

View File

@ -1214,7 +1214,7 @@ cooper-mbp:black cooper$ ~/venvs/b/bin/black-primer
Failed projects:
## flake8-bugbear:
### flake8-bugbear:
- Returned 1
- stdout:
--- tests/b303_b304.py 2020-05-17 20:04:09.991227 +0000

38
docs/_static/custom.css vendored Normal file
View File

@ -0,0 +1,38 @@
/* Make the sidebar scrollable. Fixes https://github.com/psf/black/issues/990 */
div.sphinxsidebar {
max-height: calc(100% - 18px);
overflow-y: auto;
}
/* Hide scrollbar for Chrome, Safari and Opera */
div.sphinxsidebar::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE 6, 7 and 8 */
@media \0screen\, screen\9 {
div.sphinxsidebar {
-ms-overflow-style: none;
}
}
/* Hide scrollbar for IE 9 and 10 */
/* backslash-9 removes ie11+ & old Safari 4 */
@media screen and (min-width: 0\0) {
div.sphinxsidebar {
-ms-overflow-style: none\9;
}
}
/* Hide scrollbar for IE 11 and up */
_:-ms-fullscreen,
:root div.sphinxsidebar {
-ms-overflow-style: none;
}
/* Hide scrollbar for Edge */
@supports (-ms-ime-align: auto) {
div.sphinxsidebar {
-ms-overflow-style: none;
}
}