From 7a0fbdecc484284296574a2c2ba9afda01212723 Mon Sep 17 00:00:00 2001 From: Alexandre Flament Date: Mon, 22 Mar 2021 12:00:48 +0100 Subject: [enh] oscar: image thumbnail layout Adjust thumbnail sizes to fill the container width --- searx/static/themes/oscar/src/js/01_init.js | 3 +++ searx/static/themes/oscar/src/js/element_modifiers.js | 6 ++++++ 2 files changed, 9 insertions(+) (limited to 'searx/static/themes/oscar/src/js') diff --git a/searx/static/themes/oscar/src/js/01_init.js b/searx/static/themes/oscar/src/js/01_init.js index dd8de4ddb..e361d87ca 100644 --- a/searx/static/themes/oscar/src/js/01_init.js +++ b/searx/static/themes/oscar/src/js/01_init.js @@ -17,6 +17,9 @@ window.searx = (function(d) { 'use strict'; + // + d.getElementsByTagName("html")[0].className = "js"; + // add data- properties var script = d.currentScript || (function() { var scripts = d.getElementsByTagName('script'); diff --git a/searx/static/themes/oscar/src/js/element_modifiers.js b/searx/static/themes/oscar/src/js/element_modifiers.js index a113df9a3..087f7d479 100644 --- a/searx/static/themes/oscar/src/js/element_modifiers.js +++ b/searx/static/themes/oscar/src/js/element_modifiers.js @@ -108,4 +108,10 @@ $(document).ready(function(){ tabs.children().attr("aria-selected", "false"); $(a.target).parent().attr("aria-selected", "true"); }); + + /** + * Layout images according to their sizes + */ + searx.image_thumbnail_layout = new searx.ImageLayout('#main_results', '#main_results .result-images', 'img.img-thumbnail', 15, 200); + searx.image_thumbnail_layout.watch(); }); -- cgit v1.2.3