mirrors/searxng
1
0
Fork 0
mirror of https://github.com/searxng/searxng.git synced 2025-03-12 23:42:40 +00:00
Code Issues Projects Releases Wiki Activity

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

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

12
client/simple/src/less/style.less
View file

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

6
client/simple/theme_icons.js
View file

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

6
searx/templates/simple/icons.html
View file

@ -43,13 +43,13 @@ set catalog = {
{% macro icon(action, alt) -%} {% macro icon(action, alt) -%}
{{ catalog[action] | replace("__jinja_class_placeholder__", "ion-icon") | safe }} {{ catalog[action] | replace("__jinja_class_placeholder__", "sxng-icon-set") | safe }}
{%- endmacro %} {%- endmacro %}
{% macro icon_small(action, alt) -%} {% 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 %} {%- endmacro %}
{% macro icon_big(action, alt) -%} {% 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 %} {%- endmacro %}

2
searx/templates/simple/result_templates/videos.html
View file

@ -3,7 +3,7 @@
{{ result_header(result, favicons, image_proxify) }} {{ result_header(result, favicons, image_proxify) }}
{{ result_sub_header(result) }} {{ result_sub_header(result) }}
{% if result.iframe_src -%} {% 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 %} {%- endif %}
{%- if result.content %} {%- if result.content %}
<p class="content"> <p class="content">