mirror of
https://github.com/vale981/ray
synced 2025-03-06 10:31:39 -05:00
[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:
parent
05bfcdbaf8
commit
9b1a3f9f9a
1 changed files with 19 additions and 0 deletions
|
@ -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;
|
||||
|
|
Loading…
Add table
Reference in a new issue