diff options
| author | Alexandre Flament <alex@al-f.net> | 2021-11-19 10:32:42 +0100 |
|---|---|---|
| committer | Alexandre Flament <alex@al-f.net> | 2021-11-19 10:32:42 +0100 |
| commit | 0400b8ca5dfadb75563baf41ca206159465a8605 (patch) | |
| tree | a049e4e057102f73b79b4d5434633817ede486fa /searx | |
| parent | 1e997386e923b10b7f9e551f3825b7e9605bc890 (diff) | |
| download | searxng-0400b8ca5dfadb75563baf41ca206159465a8605.tar.gz searxng-0400b8ca5dfadb75563baf41ca206159465a8605.zip | |
[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.
Diffstat (limited to 'searx')
| -rw-r--r-- | searx/static/themes/simple/src/less/detail.less | 2 |
1 files changed, 1 insertions, 1 deletions
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 { |