From f3aff26086dda1c2610c9aa845db119ad413006f Mon Sep 17 00:00:00 2001 From: mrpaulblack Date: Sun, 21 Nov 2021 21:38:00 +0100 Subject: =?UTF-8?q?[simple=20theme]=20rework=20select;=20add=20safesearch?= =?UTF-8?q?=20to=20search=20and=20replace=20/=20with=20=E2=80=BA=20in=20ar?= =?UTF-8?q?ticle=20url?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * rework selection UI in pref (fix based on: https://github.com/twelsby/searx/commit/78643e9f43a103c523f112e9f3ce26a5c7bb3a0f) * moved search filters underneath categories * cut params from url and replace / with › * make h3 and url in article bigger * add safe search select to search filter (this will not override settings and only be valid while on result page in a session) * make search form button not overlap each other when js is disabled * 1rem padding around preview image and thumbnail in default article template --- .../static/themes/simple/src/less/preferences.less | 26 +++++++++++++++++----- 1 file changed, 21 insertions(+), 5 deletions(-) (limited to 'searx/static/themes/simple/src/less/preferences.less') diff --git a/searx/static/themes/simple/src/less/preferences.less b/searx/static/themes/simple/src/less/preferences.less index db6831341..c6e691b9d 100644 --- a/searx/static/themes/simple/src/less/preferences.less +++ b/searx/static/themes/simple/src/less/preferences.less @@ -41,13 +41,15 @@ input[type="text"] { width: 13.25rem; color: var(--color-toolkit-input-text-font); - border: 1px solid var(--color-toolkit-input-text-border); - background: none repeat scroll 0 0 var(--color-base-background); - padding: 0.4rem; + border: none; + background: none repeat scroll 0 0 var(--color-toolkit-select-background); + padding: 0.2rem 0.4rem; + height: 2rem; .rounded-corners-tiny; - &:hover { - border: 1px solid var(--color-toolkit-input-text-border-hover); + &:hover, + &:focus { + background-color: var(--color-toolkit-select-background-hover); } } @@ -103,6 +105,20 @@ } } + .category { + margin-right: 0.5rem; + + label { + border: 2px solid transparent; + padding: 0.2rem 0.4rem; + .rounded-corners-tiny; + } + } + + .category input[type="checkbox"]:checked + label { + border: 2px solid var(--color-categories-item-border-selected); + } + .name, .shortcut { text-align: left; -- cgit v1.2.3