From a80b5dc110ed1a2bd708cdb8c3d41a28cac79e00 Mon Sep 17 00:00:00 2001 From: MrPaulBlack Date: Thu, 11 Nov 2021 22:26:26 +0100 Subject: [fix] scaling of result page on small screens by @ZetaTom * 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 --- searx/static/themes/simple/src/less/definitions.less | 1 + 1 file changed, 1 insertion(+) (limited to 'searx/static/themes/simple/src/less/definitions.less') diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less index 33b65a682..157cfeed1 100644 --- a/searx/static/themes/simple/src/less/definitions.less +++ b/searx/static/themes/simple/src/less/definitions.less @@ -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); -- cgit v1.2.3