jandieman/searxng
2
0
Fork 0
mirror of https://github.com/searxng/searxng.git synced 2026-09-23 06:36:12 +00:00
Code Issues Projects Releases Wiki Activity

[mod] theme: improve thumbnails display on results page

Browse Source 
Deletes thumbnails instead of showing an error image and also moves them to the right side. Also gives them a background and makes them into rounded 4:3 rectangles for better ui.
This commit is contained in:
vojkovic
2026-09-20 10:00:04 +00:00
committed by Brock Vojkovic
parent e75fd22d09
commit bcd2b709fe
5 changed files with 81 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
searx/templates/simple/macros.html
View File

@@ -17,9 +17,21 @@
{{ result_open_link(url, classes) }}{{ title }}{{ result_close_link() }}
{%- endmacro -%}
<!-- Draw result thumbnail -->
{% macro result_thumbnail(result, image_proxify) -%}
{%- if result.thumbnail -%}
{%- set thumb_src = image_proxify(result.thumbnail) -%}
{{ result_open_link(result.url, classes='thumbnail_link') -}}
<img class="thumbnail_bg" src="{{ thumb_src }}" alt="" aria-hidden="true"><img class="thumbnail" src="{{ thumb_src }}" alt="" loading="lazy">{%- if result.length -%}<span class="thumbnail_length">{{ result.length }}</span>{%- endif -%}
{{- result_close_link() -}}
{%- endif -%}
{%- endmacro -%}
<!-- Draw result header -->
{% macro result_header(result, favicons, image_proxify) -%}
{% macro result_header(result, favicons, image_proxify, thumbnail=True) -%}
<article class="result {% if result['template'] %}result-{{ result.template|replace('.html', '') }}{% else %}result-default{% endif %} {% if result['category'] %}category-{{ result['category'] }}{% endif %}">
{%- if thumbnail %}{{ result_thumbnail(result, image_proxify) }}{% endif -%}
<div class="result_inner">
{{- result_open_link(result.url, "url_header") -}}
{%- if favicon_resolver != "" %}
<div class="favicon"><img loading="lazy" src="{{ favicon_url(result.parsed_url.netloc) }}"></div>
@@ -30,7 +42,6 @@
{%- endfor %}
</div>
{{- result_close_link() -}}
{%- if result.thumbnail %}{{ result_open_link(result.url, classes='thumbnail_link') }}<img class="thumbnail" src="{{ image_proxify(result.thumbnail) }}" title="{{ result.title|striptags }}" loading="lazy">{%- if result.length -%}<span class="thumbnail_length">{{ result.length }}</span>{%- endif -%}{{ result_close_link() }}{% endif -%}
<h3>{{ result_link(result.url, result.title|safe) }}</h3>
{%- endmacro -%}
@@ -46,6 +57,7 @@
<!-- Draw result sub footer -->
{%- macro result_sub_footer(result) -%}
</div>
<div class="engines">
{% for engine in result.engines %}<span>{{ engine }}</span>{% endfor %}
{{ icon_small('ellipsis-vertical') + result_link(cache_url + result.url, _('cached'), "cache_link") }}

1
searx/templates/simple/result_templates/packages.html
View File

@@ -70,6 +70,7 @@
</div>
{%- endif -%}
</div>{{- '' -}}
</div>
<div class="break"></div>
{{- result_footer(result) }}

6
searx/templates/simple/result_templates/videos.html
View File

@@ -1,10 +1,11 @@
{% from 'simple/macros.html' import iframe, result_header, result_sub_header, result_sub_footer, result_footer with context %}
{% from 'simple/macros.html' import iframe, result_header, result_sub_header, result_sub_footer, result_footer, result_thumbnail with context %}
{{ result_header(result, favicons, image_proxify) }}
{{ result_header(result, favicons, image_proxify, thumbnail=False) }}
{{ result_sub_header(result) }}
{% if result.iframe_src -%}
<p class="altlink"> <a class="btn-collapse collapsed media-loader disabled_if_nojs" data-target="#result-video-{{ index }}" data-btn-text-collapsed="{{ _('show video') }}" data-btn-text-not-collapsed="{{ _('hide video') }}">{{ icon_small('film') }} {{ _('show video') }}</a></p>
{%- endif %}
{{ result_thumbnail(result, image_proxify) }}
{%- if result.content %}
<p class="content">
{{ result.content|safe }}
@@ -14,7 +15,6 @@
{{ _('This site did not provide any description.')|safe }}
</p>
{% endif -%}
</p>
{{- result_sub_footer(result) -}}
{% if result.iframe_src -%}
<div id="result-video-{{ index }}" class="embedded-video invisible">