thang
/
notes
mirror of https://github.com/thangisme/notes.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Improved search on mobile

This commit is contained in:
Silvio Giebl 2019-12-04 22:27:43 +01:00
parent 8310df593c
commit a6f2ed8c6c
2 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
_sass/search.scss
View File

@ -248,6 +248,14 @@
transition: opacity ease 200ms, width 0s, height 0s;
}
body {
overflow-y: hidden;
@include mq(md) {
overflow-y: scroll;
}
}
@include mq(md) {
.main {
position: absolute;

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

@ -111,6 +111,7 @@ function initSearch() {
var docs = docs;
var searchInput = document.getElementById('search-input');
var searchResults = document.getElementById('search-results');
var mainHeader = document.getElementById('main-header');
function clearResults() {
searchResults.innerHTML = '';
@ -140,6 +141,7 @@ function initSearch() {
});
if (results.length > 0) {
window.scroll(0, window.scrollY + mainHeader.getBoundingClientRect().top);
document.documentElement.classList.add('search-active');
var resultsList = document.createElement('ul');