[docs] fix nav (#23417)

Algolia search now does not overflow on mobile devices anymore, making the nav scrollable again.

Signed-off-by: Max Pumperla <max.pumperla@googlemail.com>
This commit is contained in:
Max Pumperla 2022-03-23 11:38:33 +01:00 committed by GitHub
parent 05bfcdbaf8
commit 9b1a3f9f9a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -10,6 +10,24 @@
margin: auto;
}
/* Hide confusing "<-" back arrow in navigation for larger displays */
@media (min-width: 768px) {
#navbar-toggler {
display: none;
}
}
/* Make navigation scrollable on mobile, by making algolia not overflow */
@media (max-width: 768px) {
#site-navigation {
overflow-y: scroll;
}
.algolia-autocomplete .ds-dropdown-menu{
min-width: 250px;
}
}
/* sphinx-panels overrides the content width to 1140 for large displays.*/
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
@ -23,6 +41,7 @@
right: 20px;
width: 270px;
}
@media (max-width: 1500px) {
.bottom-right-promo-banner {
display: none;