[fix] simple template - video.html fix button icon to icon_small

BTW: Rename the manufacturer-specific name ``ion-icon`` of the icon set in
SerXNG to ``sxng-icon-set`` --> The icon set can be assembled together as
desired in the FE and should therefore not have a manufacturer-specific name in
the style and template definitions.

Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
This commit is contained in:
Markus Heiser 2025-02-15 09:17:21 +01:00 committed by Markus Heiser
parent 6500d73714
commit 8b864ed111
4 changed files with 13 additions and 13 deletions

View file

@ -32,8 +32,8 @@
// to center the results
@import "style-center.less";
// ion-icon
.ion-icon {
// sxng-icon-set
.sxng-icon-set {
display: inline-block;
vertical-align: bottom;
line-height: 1;
@ -41,16 +41,16 @@
.ltr-transform();
}
.ion-icon-small {
.sxng-icon-set-small {
width: 1rem;
height: 1rem;
.ion-icon;
.sxng-icon-set;
}
.ion-icon-big {
.sxng-icon-set-big {
width: 1.5rem;
height: 1.5rem;
.ion-icon;
.sxng-icon-set;
}
// Main LESS-Code

View file

@ -11,9 +11,9 @@ const dest = resolve(HERE, "../../searx/templates/simple/icons.html");
/** @type import("./tools/jinja_svg_catalog.js").JinjaMacro[] */
const searxng_jinja_macros = [
{ name: "icon", class: "ion-icon" },
{ name: "icon_small", class: "ion-icon-small" },
{ name: "icon_big", class: "ion-icon-big" },
{ name: "icon", class: "sxng-icon-set" },
{ name: "icon_small", class: "sxng-icon-set-small" },
{ name: "icon_big", class: "sxng-icon-set-big" },
];

View file

@ -43,13 +43,13 @@ set catalog = {
{% macro icon(action, alt) -%}
{{ catalog[action] | replace("__jinja_class_placeholder__", "ion-icon") | safe }}
{{ catalog[action] | replace("__jinja_class_placeholder__", "sxng-icon-set") | safe }}
{%- endmacro %}
{% macro icon_small(action, alt) -%}
{{ catalog[action] | replace("__jinja_class_placeholder__", "ion-icon-small") | safe }}
{{ catalog[action] | replace("__jinja_class_placeholder__", "sxng-icon-set-small") | safe }}
{%- endmacro %}
{% macro icon_big(action, alt) -%}
{{ catalog[action] | replace("__jinja_class_placeholder__", "ion-icon-big") | safe }}
{{ catalog[action] | replace("__jinja_class_placeholder__", "sxng-icon-set-big") | safe }}
{%- endmacro %}

View file

@ -3,7 +3,7 @@
{{ result_header(result, favicons, image_proxify) }}
{{ 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('film') }} {{ _('show video') }}</a></p>
<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 %}
{%- if result.content %}
<p class="content">