From 096c9e082c35e7e309fbc7ca42e651dc395be2e5 Mon Sep 17 00:00:00 2001
From: Jaifroid <egk10@cam.ac.uk>
Date: Sat, 28 Oct 2023 16:50:14 +0100
Subject: [PATCH] Need to scroll down at least 50 pixels to activate

---
 i18n/en.jsonp.js | 2 +-
 i18n/es.jsonp.js | 2 +-
 i18n/fr.jsonp.js | 2 +-
 www/index.html   | 2 +-
 www/js/app.js    | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/i18n/en.jsonp.js b/i18n/en.jsonp.js
index f62980a54..483e91fc4 100644
--- a/i18n/en.jsonp.js
+++ b/i18n/en.jsonp.js
@@ -32,7 +32,7 @@ document.localeJson = {
       "configure-display-settings-title": "Display settings",
       "configure-display-panel-header": "Display options",
       "configure-display-slideaway": "<strong>Hide header and footer when scrolling down</strong> (scroll up slightly to show again)",
-      "configure-display-slideaway-tip": "Header and footer will slide away when scrolling down, and will slide back when you scroll up. The option is now on by default.",
+      "configure-display-slideaway-tip": "Header and footer will slide away when scrolling down at least 50 pixels, and will slide back when you scroll up. The option is now on by default.",
       "configure-display-uianimations": "Animate transition between app pages",
       "configure-display-uianimations-tip": "The animation is on by default and can be disabled by unchecking this option.",
       "configure-display-homekeyfocus": "<strong>Use Home key to focus search bar</strong> (may rarely have side effects on ZIM files that handle Home key)",
diff --git a/i18n/es.jsonp.js b/i18n/es.jsonp.js
index 5c3b7543d..4ce3cc2f4 100644
--- a/i18n/es.jsonp.js
+++ b/i18n/es.jsonp.js
@@ -32,7 +32,7 @@ document.localeJson = {
       "configure-display-settings-title": "Configurar página",
       "configure-display-panel-header": "Opciones de página",
       "configure-display-slideaway": "<strong>Ocultar encabezado y pie de página al desplazarse hacia abajo</strong> (desplácese hacia arriba para mostrarlos de nuevo)",
-      "configure-display-slideaway-tip": "El encabezado y el pie de página se ocultarán al desplazarse hacia abajo, y volverán a aparecer al desplazarse hacia arriba. La opción está activada por defecto.",
+      "configure-display-slideaway-tip": "El encabezado y el pie de página se ocultarán al desplazarse hacia abajo al menos 50 píxeles, y volverán a aparecer al desplazarse hacia arriba. La opción está activada por defecto.",
       "configure-display-uianimations": "Animar transición entre páginas de la aplicación",
       "configure-display-uianimations-tip": "La animación está activada por defecto y puede ser desactivada desmarcando esta opción.",
       "configure-display-homekeyfocus": "<strong>Usar tecla Inicio para enfocar la barra de búsqueda</strong> (puede tener efectos secundarios en archivos ZIM que manejen la tecla Inicio)",
diff --git a/i18n/fr.jsonp.js b/i18n/fr.jsonp.js
index 9308cc426..0fd471c2c 100644
--- a/i18n/fr.jsonp.js
+++ b/i18n/fr.jsonp.js
@@ -32,7 +32,7 @@ document.localeJson = {
       "configure-display-settings-title": "Configurer l'affichage",
       "configure-display-panel-header": "Options de l'affichage",
       "configure-display-slideaway": "<strong>Masquer l'en-tête et le pied de page lors du défilement</strong> (défilez vers le haut pour les afficher à nouveau)",
-      "configure-display-slideaway-tip": "L'en-tête et le pied de page disparaîtront lorsque vous ferez défiler vers le bas, et réapparaîtront lorsque vous ferez défiler vers le haut. L'option est maintenant activée par défaut.",
+      "configure-display-slideaway-tip": "L'en-tête et le pied de page disparaîtront lorsque vous ferez défiler vers le bas d'au moins 50 pixels, et réapparaîtront lorsque vous ferez défiler vers le haut. L'option est maintenant activée par défaut.",
       "configure-display-uianimations": "Animer la transition entre les pages de l'application",
       "configure-display-uianimations-tip": "L'animation est activée par défaut et peut être désactivée en décochant cette option.",
       "configure-display-homekeyfocus": "<strong>Utiliser la touche Accueil pour mettre le focus sur la barre de recherche</strong> (peut avoir des effets secondaires sur les fichiers ZIM qui gèrent la touche Accueil)",
diff --git a/www/index.html b/www/index.html
index a7870dde1..aa21affbd 100644
--- a/www/index.html
+++ b/www/index.html
@@ -500,7 +500,7 @@ <h3 data-i18n="configure-display-settings-title">Display settings</h3>
                             <div class="card-header" data-i18n="configure-display-panel-header">Display options:</div>
                             <div class="card-body">
                                 <div class="checkbox">
-                                    <label data-i18n-tip="configure-display-slideaway-tip" title="Header and footer will slide away when scrolling down, and will slide back when you scroll up. The option is now on by default." >
+                                    <label data-i18n-tip="configure-display-slideaway-tip" title="Header and footer will slide away when scrolling down at least 50 pixels, and will slide back when you scroll up. The option is now on by default." >
                                         <input type="checkbox" name="slideAway" id="slideAwayCheck" checked>
                                         <span data-i18n="configure-display-slideaway"><strong>Hide header and footer when scrolling down</strong> (scroll up slightly to show again)</span>
                                     </label>
diff --git a/www/js/app.js b/www/js/app.js
index a5655be01..19209fb3a 100644
--- a/www/js/app.js
+++ b/www/js/app.js
@@ -102,7 +102,7 @@ function slideAway () {
     if (newScrollY === oldScrollY || document.activeElement === document.getElementById('prefix')) return;
     if (newScrollY < oldScrollY) {
         restoreUIElements();
-    } else if (newScrollY > 50 && /\(0p?x?\)/.test(header.style.transform)) {
+    } else if (newScrollY - oldScrollY > 50 && /\(0p?x?\)/.test(header.style.transform)) {
         // Hide the toolbars if user has scrolled and not already hidden
         const headerStyles = getComputedStyle(header);
         const headerHeight = parseFloat(headerStyles.height) + parseFloat(headerStyles.marginBottom) - 2;