From a6f2ed8c6c70d51953c2b6f1c1ce54b113ede332 Mon Sep 17 00:00:00 2001
From: Silvio Giebl <silvio.giebl@hivemq.com>
Date: Wed, 4 Dec 2019 22:27:43 +0100
Subject: [PATCH] Improved search on mobile
---
_sass/search.scss | 8 ++++++++
assets/js/just-the-docs.js | 2 ++
2 files changed, 10 insertions(+)
diff --git a/_sass/search.scss b/_sass/search.scss
index 10eb5b29..256eb7ff 100644
--- a/_sass/search.scss
+++ b/_sass/search.scss
@@ -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;
diff --git a/assets/js/just-the-docs.js b/assets/js/just-the-docs.js
index 1d4277c0..49479f6b 100644
--- a/assets/js/just-the-docs.js
+++ b/assets/js/just-the-docs.js
@@ -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');
--
GitLab