diff options
| author | Markus Heiser <markus.heiser@darmarit.de> | 2025-02-15 09:17:21 +0100 |
|---|---|---|
| committer | Markus Heiser <markus.heiser@darmarIT.de> | 2025-02-28 12:27:41 +0100 |
| commit | 8b864ed11107dcc6ef2780d8536cba1f9c5ff388 (patch) | |
| tree | 57b324a1f822799ff0db0fb3637afa5e6a32f9b3 /client | |
| parent | 6500d7371414251f895e36397ff017c129e6bbe0 (diff) | |
[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>
Diffstat (limited to 'client')
| -rw-r--r-- | client/simple/src/less/style.less | 12 | ||||
| -rw-r--r-- | client/simple/theme_icons.js | 6 |
2 files changed, 9 insertions, 9 deletions
diff --git a/client/simple/src/less/style.less b/client/simple/src/less/style.less index 7b34ea406..1ea7c3e4b 100644 --- a/client/simple/src/less/style.less +++ b/client/simple/src/less/style.less @@ -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 diff --git a/client/simple/theme_icons.js b/client/simple/theme_icons.js index dc896a15c..b7d695cc8 100644 --- a/client/simple/theme_icons.js +++ b/client/simple/theme_icons.js @@ -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" }, ]; |