From 21e3c4051689318d887da6bd0fd5ff9eaf077ae2 Mon Sep 17 00:00:00 2001 From: mrpaulblack Date: Mon, 21 Feb 2022 22:18:48 +0100 Subject: [simple theme] replace Image_layout.js with flexbox CS impl. * drop image_layout.js from simple theme * move image_layout.js to oscar theme and delete common js dir (since its empty now) * align top position of image detail modal with bottom position of search header * use flexbox to display images; row height can be set via @results-image-row-height in defenitions.less * display span title underneath each image with a max width of 12rem * increase margin and padding around image article on desktop and tablet * make article height smaller on phone layout (height of 6rem) to display more content on current view * remove content from result, if the title and content matches * use a group that cotains the flex image article, if images are mixed with other categories * fix pylint issues in webapp.py * use the default.html result template in unit tests (thanks @return42) --- searx/static/themes/simple/src/less/detail.less | 1 + 1 file changed, 1 insertion(+) (limited to 'searx/static/themes/simple/src/less/detail.less') diff --git a/searx/static/themes/simple/src/less/detail.less b/searx/static/themes/simple/src/less/detail.less index 5e3cfaca6..b63e65206 100644 --- a/searx/static/themes/simple/src/less/detail.less +++ b/searx/static/themes/simple/src/less/detail.less @@ -39,6 +39,7 @@ article.result-images .detail { border: none; object-fit: contain; width: inherit; + height: inherit; max-width: 100%; min-height: inherit; max-height: calc(100vh - 25rem - 7rem); -- cgit v1.2.3-54-g00ecf