steve/just-the-docs
1
0
Fork 0
mirror of https://github.com/snachodog/just-the-docs.git synced 2025-09-13 05:13:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

Improved search layout: scrolling, mobile

Browse Source
This commit is contained in:
Silvio Giebl
2019-12-04 10:39:30 +01:00
parent 9d24b14ba1
commit 1d1564e5c0
3 changed files with 44 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
assets/js/just-the-docs.js
View File

@@ -112,13 +112,17 @@ function initSearch() {
var searchInput = document.getElementById('search-input');
var searchResults = document.getElementById('search-results');
function hideResults() {
function clearResults() {
searchResults.innerHTML = '';
document.body.classList.remove('search-active');
hideResults();
}
function hideResults() {
document.documentElement.classList.remove('search-active');
}
function update() {
hideResults();
clearResults();
var input = searchInput.value;
if (input === '') {
@@ -136,8 +140,7 @@ function initSearch() {
});
if (results.length > 0) {
window.scroll(0, window.scrollY + searchInput.getBoundingClientRect().top);
document.body.classList.add('search-active');
document.documentElement.classList.add('search-active');
var resultsList = document.createElement('ul');
resultsList.classList.add('search-results-list');
@@ -242,7 +245,7 @@ function initSearch() {
jtd.addEvent(searchInput, 'keyup', function(e){
switch (e.keyCode) {
case 27: // When esc key is pressed, hide the results and clear the field
hideResults();
clearResults();
searchInput.value = '';
return;
case 38: // arrow up