From 0400b8ca5dfadb75563baf41ca206159465a8605 Mon Sep 17 00:00:00 2001 From: Alexandre Flament Date: Fri, 19 Nov 2021 10:32:42 +0100 Subject: [fix] simple theme: fix layout image detail on mobile the width of #main_results #results.image-detail-open.only_template_images was set to 59.25rem. On mobile, the images overflowed on right side of the viewport, which creates a horizontal scroll. This commit set the value to min(98%, 59.25rem) whatever the max-width is. --- searx/static/themes/simple/src/less/detail.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'searx/static/themes/simple/src') diff --git a/searx/static/themes/simple/src/less/detail.less b/searx/static/themes/simple/src/less/detail.less index 452544a34..ab15be1a3 100644 --- a/searx/static/themes/simple/src/less/detail.less +++ b/searx/static/themes/simple/src/less/detail.less @@ -1,5 +1,5 @@ #main_results #results.image-detail-open.only_template_images { - width: 59.25rem !important; + width: min(98%, 59.25rem) !important; } #main_results #results.only_template_images.image-detail-open #backToTop { -- cgit v1.2.3 From 48d2dcbb20ab0d556d13559b6ad5ab45ca29073c Mon Sep 17 00:00:00 2001 From: Alexandre Flament Date: Fri, 19 Nov 2021 10:43:01 +0100 Subject: [fix] simple theme: adjust image detail height when on the top of the page, the image is just below the search fields. this commit slightly aligh the top of the image detail with the bottom of the search fields. --- searx/static/themes/simple/src/less/definitions.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'searx/static/themes/simple/src') diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less index d3e048c12..4902ac71f 100644 --- a/searx/static/themes/simple/src/less/definitions.less +++ b/searx/static/themes/simple/src/less/definitions.less @@ -219,7 +219,7 @@ @result-padding: 1rem; @search-width: 40rem; // heigh of #search, see detail.less -@search-height: 7.5rem; +@search-height: 7.75rem; /// Device Size /// @desktop > @tablet -- cgit v1.2.3