zaclys/searxng
1
0
Fork 1
mirror of https://github.com/searxng/searxng synced 2024-01-01 19:24:07 +01:00
Code Issues Projects Releases Packages Wiki Activity

[enh] simple theme: normalize search header & categories

Browse source 
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
This commit is contained in:
Markus Heiser 2021-12-05 17:51:19 +01:00
parent 41039b45f4
commit 9f147e52ba
2 changed files with 23 additions and 78 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

94
searx/static/themes/simple/src/less/search.less
View file

@ -63,9 +63,8 @@
svg { svg {
flex: 1; flex: 1;
width: 30px; width: 25px;
height: 30px; height: 25px;
margin: 0.5rem 0 auto 0;
} }
} }
@ -174,68 +173,38 @@
#search_header { #search_header {
padding: 1.5em @results-tablet-offset 0 @results-tablet-offset; padding: 1.5em @results-tablet-offset 0 @results-tablet-offset;
column-gap: @results-tablet-offset; column-gap: @results-tablet-offset;
}
.search_filters {
margin: 0.6rem 0 0 @results-tablet-offset + 3rem;
}
#categories {
font-size: 90%;
clear: both;
.checkbox_container {
margin: auto;
margin-top: 2px;
}
}
html.touch {
#main_index,
#main_results {
#categories_container {
width: max-content;
.category {
display: inline-block;
width: auto;
}
}
#categories {
width: 100%;
text-align: left;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
}
}
}
@media screen and (max-width: @phone) {
#search_header {
width: 100%;
margin: 0;
padding: 0.1rem 0 0 0;
column-gap: 0;
row-gap: 0;
grid-template-areas: grid-template-areas:
"logo search" "logo search"
"categories categories"; "categories categories";
} }
.search_logo { .search_filters {
padding: 0; margin: 0.6rem 0 0 @results-tablet-offset + 3rem;
} }
}
@media screen and (max-width: @phone) {
.search_box { .search_box {
// hack, should be 100% ? padding-right: 3em; // left some space for preference menu
width: 99%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
#main_index .search_box {
padding-right: 0;
}
#search_header {
column-gap: 0;
grid-template-areas:
"search search"
"categories categories";
}
#search_logo {
display: none;
}
#q { #q {
width: 100%; width: 100%;
flex: 1; flex: 1;
@ -254,21 +223,6 @@
.time_range { .time_range {
width: 45%; width: 45%;
} }
.category {
display: block;
width: 100%;
margin: 0;
label {
padding: 0.8rem !important;
margin: 0 !important;
svg {
display: none;
}
}
}
} }
@media screen and (max-width: @ultra-small-phone) { @media screen and (max-width: @ultra-small-phone) {
@ -277,10 +231,6 @@
"search search" "search search"
"categories categories"; "categories categories";
} }
#search_logo {
display: none;
}
} }
#categories { #categories {

7
searx/static/themes/simple/src/less/style.less
View file

@ -570,7 +570,7 @@ article[data-vim-selected].category-social {
#linkto_preferences { #linkto_preferences {
position: absolute; position: absolute;
right: 10px; right: 1em;
top: 2.2rem; top: 2.2rem;
padding: 0; padding: 0;
border: 0; border: 0;
@ -764,11 +764,6 @@ article[data-vim-selected].category-social {
margin: 2rem @results-tablet-offset 0 @results-tablet-offset; margin: 2rem @results-tablet-offset 0 @results-tablet-offset;
} }
#linkto_preferences {
top: 0.8rem;
right: 0.7rem;
}
#main_index #linkto_preferences { #main_index #linkto_preferences {
top: 0.5rem; top: 0.5rem;
right: 0.5rem; right: 0.5rem;