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

[fix] scaling of result page on small screens by @ZetaTom

Browse source 
* thanks to https://github.com/ZetaTom for the fix!
* set the width of the input#q element to 100% of the 1fr space of the grid layout
* change the viewport meta tag to th recommended value (see: https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag#viewport_basics)
* add a new @ultra-small-phone width of 20rem; when a device is smaller than that the search logo does not get displayed on the result page anymore
This commit is contained in:
MrPaulBlack 2021-11-11 22:26:26 +01:00
parent 90acb342d3
commit a80b5dc110
3 changed files with 15 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -220,6 +220,7 @@
@tablet: 80em;
@phone: 50em;
@small-phone: 35em;
@ultra-small-phone: 20rem;
/// From style.less
@stacked-bar-chart: rgb(0, 0, 0);