diff options
| author | mrpaulblack <paul@paulgo.io> | 2021-11-21 21:38:00 +0100 |
|---|---|---|
| committer | mrpaulblack <paul@paulgo.io> | 2021-11-21 21:38:00 +0100 |
| commit | f3aff26086dda1c2610c9aa845db119ad413006f (patch) | |
| tree | 7e312aafdb1831b46a709089fd3f7875d1b7cd6b /searx/static/themes/simple/src/less/toolkit.less | |
| parent | 02cccdf876f2e0b07ef488e6033a858113dc3f1c (diff) | |
[simple theme] rework select; add safesearch to search and replace / with › in article url
* 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
Diffstat (limited to 'searx/static/themes/simple/src/less/toolkit.less')
| -rw-r--r-- | searx/static/themes/simple/src/less/toolkit.less | 21 |
1 files changed, 12 insertions, 9 deletions
diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less index f8ae3c1bb..da207f1f5 100644 --- a/searx/static/themes/simple/src/less/toolkit.less +++ b/searx/static/themes/simple/src/less/toolkit.less @@ -296,11 +296,11 @@ html body .tabs > input:checked { /* -- select -- */ select { - height: 28px; - margin: 0 1em 0 0; - padding: 2px 8px 2px 0 !important; + height: 2.4rem; + margin: 0 1rem 0 0; + padding: 0.2rem !important; color: var(--color-search-font); - font-size: 12px; + font-size: 0.9rem; z-index: 2; &:hover, @@ -314,17 +314,20 @@ select { appearance: none; -webkit-appearance: none; -moz-appearance: none; - border: none; - border-bottom: 1px solid var(--color-toolkit-select-border); + border-width: 0 2rem 0 0; + border-color: transparent; background: data-uri('image/svg+xml;charset=UTF-8', @select-light-svg-path) no-repeat; - background-position-x: 105%; - background-size: 2em; + background-position-x: calc(100% + 2rem); + background-size: 2rem; background-origin: content-box; + background-color: var(--color-toolkit-select-background); outline: medium none; + text-overflow: ellipsis; + .rounded-corners-tiny; &:hover, &:focus { - border-bottom: 1px solid var(--color-toolkit-select-border-hover); + background-color: var(--color-toolkit-select-background-hover); } option { |