1
0
mirror of https://github.com/searxng/searxng.git synced 2024-11-04 20:30:11 +01:00

[fix] simple: detect touch screen using media query

related to https://github.com/searxng/searxng/issues/928
This commit is contained in:
Alexandre Flament 2022-02-27 11:27:25 +01:00
parent afde954df8
commit e435806505
2 changed files with 18 additions and 23 deletions

View File

@ -4,7 +4,6 @@
* (C) Copyright Contributors to the searx project (2014 - 2021).
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
/* global DocumentTouch:readonly */
(function (w, d) {
'use strict';
@ -16,7 +15,6 @@
// try to detect touch screen
w.searxng = {
touch: (("ontouchstart" in w) || w.DocumentTouch && document instanceof DocumentTouch) || false,
method: script.getAttribute('data-method'),
autocompleter: script.getAttribute('data-autocompleter') === 'true',
search_on_category_select: script.getAttribute('data-search-on-category-select') === 'true',
@ -34,7 +32,4 @@
var hmtlElement = d.getElementsByTagName("html")[0];
hmtlElement.classList.remove('no-js');
hmtlElement.classList.add('js');
if (w.searxng.touch) {
hmtlElement.classList.add('touch');
}
})(window, document);

View File

@ -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 {