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;
|
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;
|
||||||
|
@ -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");
|
||||||
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user