search feature: make sure page scrollbar disappears when searching but a scrollbar for search items shows if needed

This commit is contained in:
Dean Attali 2021-05-30 20:19:44 +00:00
parent fd1e03ae06
commit 30a757de47
2 changed files with 8 additions and 1 deletions

View File

@ -1067,6 +1067,8 @@ pre {
margin-top: 1.5rem; margin-top: 1.5rem;
color: #fff; color: #fff;
font-size: 1.5rem; font-size: 1.5rem;
max-height: calc(100vh - 6.5rem);
overflow-y: auto;
} }
#search-results-container a { #search-results-container a {
color: #fff; color: #fff;

View File

@ -121,13 +121,18 @@ var BeautifulJekyllJS = {
e.preventDefault(); e.preventDefault();
$("#beautifuljekyll-search-overlay").show(); $("#beautifuljekyll-search-overlay").show();
$("#nav-search-input").focus().select(); $("#nav-search-input").focus().select();
$("body").addClass("overflow-hidden");
}); });
$("#nav-search-exit").click(function(e) { $("#nav-search-exit").click(function(e) {
e.preventDefault(); e.preventDefault();
$("#beautifuljekyll-search-overlay").hide(); $("#beautifuljekyll-search-overlay").hide();
$("body").removeClass("overflow-hidden");
}); });
$(document).on('keyup', function(e) { $(document).on('keyup', function(e) {
if (e.key == "Escape") $("#beautifuljekyll-search-overlay").hide(); if (e.key == "Escape") {
$("#beautifuljekyll-search-overlay").hide();
$("body").removeClass("overflow-hidden");
}
}); });
} }
}; };