cybrneko/searxng-nekosearch
1
0
Fork 0
Code Issues Pull Requests Actions 1 Activity

[simple theme] refactor search form

Browse Source 
* update search input form params; inspiried by whoogle
* remove autofocus from result page input form (JS impl. as well as input param)
-> autofocus on landing page still works only on desktop and tablet with JS impl.
* update landing page margins on mobile
* rework border and radius for search form to 0.8rem and outline
* remove positioning from autocomplete JS lib and use CSS impl.
* match search box and autocomplete width
* rework search form to a google like design on mobile
* fix settings icon display withg RTL on mobile on result page when search input is empty
This commit is contained in:
Monty
2022-03-09 17:43:58 +01:00
committed by mrpaulblack
parent b14ed494fb
commit 47dcf876ff
7 changed files with 82 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
searx/static/themes/simple/src/less/definitions.less
View File

@@ -242,7 +242,7 @@
@result-padding: 1rem;
@results-image-row-height: 12rem;
@results-image-row-height-phone: 6rem;
@search-width: 40rem;
@search-width: 44rem;
// heigh of #search, see detail.less
@search-height: 7.6rem;