Merge pull request #3117 from Calinou/fix-search-bar-shadow

Fix search bar shadow when it's not fixed due to scrolling yet
This commit is contained in:
Rémi Verschelde
2020-01-29 02:14:12 +01:00
committed by GitHub
2 changed files with 7 additions and 3 deletions

View File

@@ -422,10 +422,14 @@ code,
background-color: var(--navbar-background-color);
}
.wy-side-nav-search.fixed {
position: fixed;
}
@media only screen and (min-width: 768px) {
/* Simulate a drop shadow that only affects the bottom edge */
/* This is used to indicate the search bar is fixed */
.wy-side-nav-search::after {
.wy-side-nav-search.fixed::after {
content: '';
position: absolute;
left: 0;

View File

@@ -25,11 +25,11 @@ function registerOnScrollEvent(mediaQuery) {
$navbar.scroll(function() {
if ($(this).scrollTop() >= scrollTopPixels) {
$logo.hide();
$search.css('position', 'fixed');
$search.addClass('fixed');
$menu.css('margin-top', menuTopMargin);
} else {
$logo.show();
$search.css('position', 'static');
$search.removeClass('fixed');
$menu.css('margin-top', 0);
}
});