diff options
| author | Alexandre Flament <alex@al-f.net> | 2022-02-27 11:27:25 +0100 |
|---|---|---|
| committer | Alexandre Flament <alex@al-f.net> | 2022-02-27 19:26:52 +0100 |
| commit | e435806505d58f3ad77223dcafee2f99ca427e00 (patch) | |
| tree | 585e604f2f3158aa6a356580431e465be660d496 /searx/static/themes/simple/src/less | |
| parent | afde954df8fedc0c9d21d1cc75407ecafed020ab (diff) | |
[fix] simple: detect touch screen using media query
related to https://github.com/searxng/searxng/issues/928
Diffstat (limited to 'searx/static/themes/simple/src/less')
| -rw-r--r-- | searx/static/themes/simple/src/less/search.less | 36 |
1 files changed, 18 insertions, 18 deletions
diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less index 3e18e0b12..dff7bd612 100644 --- a/searx/static/themes/simple/src/less/search.less +++ b/searx/static/themes/simple/src/less/search.less @@ -200,26 +200,26 @@ margin-top: 2px; } } +} - html.touch { - #main_index, - #main_results { - #categories_container { - width: max-content; +@media screen and (max-width: @tablet) and (hover: none) { + #main_index, + #main_results { + #categories_container { + width: max-content; - .category { - display: inline-block; - width: auto; - } + .category { + display: inline-block; + width: auto; } + } - #categories { - width: 100%; - .ltr-text-align-left(); - overflow-x: scroll; - overflow-y: hidden; - -webkit-overflow-scrolling: touch; - } + #categories { + width: 100%; + .ltr-text-align-left(); + overflow-x: scroll; + overflow-y: hidden; + -webkit-overflow-scrolling: touch; } } } @@ -262,8 +262,8 @@ } .category { - display: block; - width: 100%; + display: inline-block; + width: auto; margin: 0; label { |