[fix] simple theme: fix layout image detail on mobile

Browse Source 
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.
This commit is contained in:
Alexandre Flament 2021-11-19 10:32:42 +01:00
parent 1e997386e9
commit 0400b8ca5d
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,5 @@
#main_results #results.image-detail-open.only_template_images { #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 { #main_results #results.only_template_images.image-detail-open #backToTop {