kevadesu/costmikuSearch
1
0
Fork 0
forked from Icycoide/searxng
Code Pull requests Activity

[simple theme] add logo to search form on result page

Browse source 
* rework search form as grid layout
* remove various paddings and margins
* add logo and link to index to search form
* make categories bigger on phone
This commit is contained in:
MrPaulBlack 2021-10-26 23:11:51 +02:00 • committed by Markus Heiser
parent 18299abc6f
commit bcc313bcf8
4 changed files with 40 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

1
searx/static/themes/simple/src/less/index.less
View file

@ -22,6 +22,7 @@
background: inherit;
border: inherit;
padding: 0;
display: block;
}
.search_filters {

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

@ -3,14 +3,34 @@
*/
#search {
padding: 0 2em 0 @results-offset;
padding: 1.5em 2em 0 @results-offset - 4rem;
margin: 0;
background: var(--color-header-background);
border-bottom: 1px solid var(--color-header-border);
display: grid;
column-gap: 1rem;
row-gap: 10px;
grid-template-columns: 3rem 1fr;
grid-template-areas:
"logo search"
"spacer categories";
}
#search_logo {
grid-area: logo;
}
.search_logo_img {
width: 40px;
}
.search_categories {
grid-area: categories;
}
#search_wrapper {
padding: 20px 0 10px 0;
padding: 0;
grid-area: search;
}
.search_box {
@ -105,7 +125,8 @@
@media screen and (max-width: @tablet) {
#search {
padding: 0 @results-tablet-offset;
padding: 1.5em @results-tablet-offset 0 @results-tablet-offset;
column-gap: @results-tablet-offset;
}
#categories {
@ -150,11 +171,20 @@
width: 100%;
margin: 0;
padding: 0.1em 0 0 0;
column-gap: 0;
row-gap: 0;
grid-template-areas:
"logo search"
"categories categories";
}
.search_logo {
padding: 0;
}
#search_wrapper {
width: 100%;
margin: 0 0 0.7em 0;
margin: 0;
padding: 0;
}
@ -187,7 +217,7 @@
width: 100%;
label {
border-bottom: 0;
padding: 10px !important;
}
}
}