mirror of
https://github.com/searxng/searxng
synced 2024-01-01 19:24:07 +01:00
[fix] simple: detect touch screen using media query
related to https://github.com/searxng/searxng/issues/928
This commit is contained in:
parent
afde954df8
commit
e435806505
2 changed files with 18 additions and 23 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue