summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/src/less/definitions.less
diff options
context:
space:
mode:
authorMrPaulBlack <paul@paulgo.io>2021-11-11 22:26:26 +0100
committerMrPaulBlack <paul@paulgo.io>2021-11-11 22:26:26 +0100
commita80b5dc110ed1a2bd708cdb8c3d41a28cac79e00 (patch)
tree19fa948b7ff05dfe071d0760ef8b3674fb5c073d /searx/static/themes/simple/src/less/definitions.less
parent90acb342d32b1ce890402acbc24cc9a5793fddc6 (diff)
[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
Diffstat (limited to 'searx/static/themes/simple/src/less/definitions.less')
-rw-r--r--searx/static/themes/simple/src/less/definitions.less1
1 files changed, 1 insertions, 0 deletions
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);