Make auto focus search bar depend on home key option (#1144)

kiwix · Nov 2, 2023 · bd19ae7 · bd19ae7
1 parent 279133b
commit bd19ae7
Show file tree

Hide file tree

Showing 7 changed files with 56 additions and 49 deletions.
diff --git a/i18n/en.jsonp.js b/i18n/en.jsonp.js
diff --git a/i18n/es.jsonp.js b/i18n/es.jsonp.js
diff --git a/i18n/fr.jsonp.js b/i18n/fr.jsonp.js
diff --git a/www/css/app.css b/www/css/app.css
@@ -72,7 +72,7 @@
     margin-bottom: 12px !important;
 }
 
-#top, #articleContent, #footer {
+#top, #articleContent, #footer, article {
     transition: transform 0.3s ease;
 }
 

diff --git a/www/index.html b/www/index.html
@@ -522,10 +522,10 @@ <h3 data-i18n="configure-display-settings-title">Display settings</h3>
                                     </label>
                                 </div>
                                 <div class="checkbox">
-                                    <label data-i18n-tip="configure-display-homekeyfocus-tip" title="Enables quick access to search, no matter where you are in an article.">
+                                    <label data-i18n-tip="configure-display-homekeyfocus-tip" title="Auto-focuses the search bar when you press the Home key, and also when you click or tap on the Home tab. Enables quick access to search, no matter where you are in an article.">
                                         <input type="checkbox" name="useHomeKeyToFocusSearchBar"
                                                id="useHomeKeyToFocusSearchBarCheck">
-                                        <span data-i18n="configure-display-homekeyfocus"><strong>Use Home key to focus search bar</strong> (may rarely have side effects on ZIM files that handle Home key)</span>
+                                        <span data-i18n="configure-display-homekeyfocus"><strong>Home key and Home tab focus search bar</strong> (may have side effects on ZIMs that handle Home key)</span>
                                     </label>
                                 </div>
                                 <div class="checkbox">