[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

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