From 169f8d998889d4f970edc3912481ee5d205a293c Mon Sep 17 00:00:00 2001
From: mrpaulblack <paul@paulgo.io>
Date: Wed, 6 Apr 2022 15:07:05 +0200
Subject: [PATCH] [simple theme] add netloc to image result articles

---
 searx/static/themes/simple/src/less/style.less      | 13 ++++++++++---
 searx/templates/simple/result_templates/images.html |  1 +
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index a65fb5b13..30889dd0b 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -145,7 +145,8 @@ article.result-images[data-vim-selected] {
     filter: opacity(60%);
   }
 
-  span.title {
+  span.title,
+  span.source {
     color: var(--color-result-image-span-font-selected);
   }
 }
@@ -373,7 +374,7 @@ article[data-vim-selected].category-social {
 
 .result-images {
   flex-grow: 1;
-  padding: 0.5rem 0.5rem 2rem 0.5rem;
+  padding: 0.5rem 0.5rem 3rem 0.5rem;
   margin: 0.25rem;
   border: none !important;
   height: @results-image-row-height;
@@ -393,7 +394,8 @@ article[data-vim-selected].category-social {
     background: var(--color-result-image-background);
   }
 
-  span.title {
+  span.title,
+  span.source {
     display: block;
     position: absolute;
 
@@ -405,6 +407,11 @@ article[data-vim-selected].category-social {
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+
+  span.source {
+    padding: 1.8rem 0 0 0;
+    font-size: 0.7rem;
+  }
 }
 
 .result-map {
diff --git a/searx/templates/simple/result_templates/images.html b/searx/templates/simple/result_templates/images.html
index e521ee211..902fd8b24 100644
--- a/searx/templates/simple/result_templates/images.html
+++ b/searx/templates/simple/result_templates/images.html
@@ -2,6 +2,7 @@
         <a {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} href="{{ result.img_src }}">{{- "" -}}
                 <img class="image_thumbnail" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} src="{% if result.thumbnail_src %}{{ image_proxify(result.thumbnail_src) }}{% else %}{{ image_proxify(result.img_src) }}{% endif %}" alt="{{ result.title|striptags }}" loading="lazy" width="200" height="200">{{- "" -}}
                 <span class="title">{{ result.title|striptags }}</span>{{- "" -}}
+                <span class="source">{{ result.parsed_url.netloc }}</span>{{- "" -}}
         </a>{{- "" -}}
         <div class="detail">{{- "" -}}
                 <a class="result-detail-close" href="#">{{ icon('close') }}</a>{{- "" -}}