From 4d051c43f3f91357a6db8147e5cfb2d9f9a79286 Mon Sep 17 00:00:00 2001 From: Alexandre Flament Date: Fri, 5 Nov 2021 11:33:43 +0100 Subject: [PATCH] [fix] simple theme: various about the hotkeys help * dark mode: #555 border (same as infoboxes and other borders) * remove a call to console.log * center the dialog without using the style attribute. --- searx/static/themes/simple/src/js/main/keyboard.js | 1 - searx/static/themes/simple/src/less/definitions.less | 2 +- searx/static/themes/simple/src/less/toolkit.less | 6 ++---- 3 files changed, 3 insertions(+), 6 deletions(-) diff --git a/searx/static/themes/simple/src/js/main/keyboard.js b/searx/static/themes/simple/src/js/main/keyboard.js index 26cc6f7d0..61fa7ba92 100644 --- a/searx/static/themes/simple/src/js/main/keyboard.js +++ b/searx/static/themes/simple/src/js/main/keyboard.js @@ -361,7 +361,6 @@ searxng.ready(function() { helpPanel = document.createElement('div'); helpPanel.id = 'vim-hotkeys-help'; helpPanel.className='dialog-modal'; - helpPanel.style='width: 40%'; initHelpContent(helpPanel); initHelpContent(helpPanel); initHelpContent(helpPanel); diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less index a09735c5e..33b65a682 100644 --- a/searx/static/themes/simple/src/less/definitions.less +++ b/searx/static/themes/simple/src/less/definitions.less @@ -185,7 +185,7 @@ --color-toolkit-badge-background: #777; --color-toolkit-kbd-font: #000; --color-toolkit-kbd-background: #fff; - --color-toolkit-dialog-border: #333; + --color-toolkit-dialog-border: #555; --color-toolkit-dialog-background: #222; --color-toolkit-tabs-label-border: #222; --color-toolkit-tabs-section-border: #555; diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less index 4f1c3f338..faed6ea9f 100644 --- a/searx/static/themes/simple/src/less/toolkit.less +++ b/searx/static/themes/simple/src/less/toolkit.less @@ -196,11 +196,9 @@ div.selectable_url { position: fixed; top: 50%; left: 50%; - - /* bring your own prefixes */ + margin: 0 auto; transform: translate(-50%, -50%); - z-index: 100000; - margin: 0 50% 0 0; + z-index: 10000000; } // btn-collapse