search feature: make sure page scrollbar disappears when searching but a scrollbar for search items shows if needed
This commit is contained in:
parent
fd1e03ae06
commit
30a757de47
@ -1067,6 +1067,8 @@ pre {
|
||||
margin-top: 1.5rem;
|
||||
color: #fff;
|
||||
font-size: 1.5rem;
|
||||
max-height: calc(100vh - 6.5rem);
|
||||
overflow-y: auto;
|
||||
}
|
||||
#search-results-container a {
|
||||
color: #fff;
|
||||
|
@ -121,13 +121,18 @@ var BeautifulJekyllJS = {
|
||||
e.preventDefault();
|
||||
$("#beautifuljekyll-search-overlay").show();
|
||||
$("#nav-search-input").focus().select();
|
||||
$("body").addClass("overflow-hidden");
|
||||
});
|
||||
$("#nav-search-exit").click(function(e) {
|
||||
e.preventDefault();
|
||||
$("#beautifuljekyll-search-overlay").hide();
|
||||
$("body").removeClass("overflow-hidden");
|
||||
});
|
||||
$(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");
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
Loading…
Reference in New Issue
Block a user