diff --git a/client/simple/src/js/main/preferences.js b/client/simple/src/js/main/preferences.js index a0b853d61..417f0ffb7 100644 --- a/client/simple/src/js/main/preferences.js +++ b/client/simple/src/js/main/preferences.js @@ -23,6 +23,20 @@ } } + function handleEnter (el, callback) { + searxng.on(el, 'keyup', (e) => { + if (e.code == "Enter") { + callback(); + } + }); + } + + for (const el of d.querySelectorAll('[role="tab"],input[type=checkbox][class~=checkbox-onoff],.category_label')) { + handleEnter(el, () => { + el.click(); + }); + } + for (const el of d.querySelectorAll('[data-engine-name]')) { searxng.on(el, 'mouseenter', load_engine_descriptions); } diff --git a/client/simple/src/less/preferences.less b/client/simple/src/less/preferences.less index b3b0bb0d6..cfa2b3064 100644 --- a/client/simple/src/less/preferences.less +++ b/client/simple/src/less/preferences.less @@ -184,6 +184,7 @@ table { padding: 0.7em; a { + display: inline-block; color: var(--color-settings-return-font); } diff --git a/client/simple/src/less/style.less b/client/simple/src/less/style.less index 413d9b076..17b62c763 100644 --- a/client/simple/src/less/style.less +++ b/client/simple/src/less/style.less @@ -125,6 +125,8 @@ input[type="submit"], color: var(--color-btn-font); .rounded-corners; + .focus-outline; + border: 0; cursor: pointer; } diff --git a/searx/templates/simple/categories.html b/searx/templates/simple/categories.html index d3cd0b542..636ffe05c 100644 --- a/searx/templates/simple/categories.html +++ b/searx/templates/simple/categories.html @@ -21,7 +21,7 @@ {%- for category in categories -%}