From 7d1603c4ab7e03c33772e56faf6d99cef2d6b108 Mon Sep 17 00:00:00 2001
From: Alexander Meindl <a.meindl@alphanodes.com>
Date: Sun, 24 Nov 2024 08:32:07 +0100
Subject: [PATCH] use tabler for search icon

---
 assets/images/search.svg           |  1 +
 assets/javascripts/additionals.js  |  2 +-
 assets/stylesheets/additionals.css | 11 +++++++++++
 3 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 assets/images/search.svg

diff --git a/assets/images/search.svg b/assets/images/search.svg
new file mode 100644
index 00000000..e516317e
--- /dev/null
+++ b/assets/images/search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ccc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-search"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
diff --git a/assets/javascripts/additionals.js b/assets/javascripts/additionals.js
index 5e6cb06c..ab6d494d 100644
--- a/assets/javascripts/additionals.js
+++ b/assets/javascripts/additionals.js
@@ -55,7 +55,7 @@ function formatFontawesomeText(icon) {
 function observeLiveSearchField(fieldId, targetId, target_url) {
   $('#'+fieldId).each(function() {
     var $this = $(this);
-    $this.addClass('autocomplete');
+    $this.addClass('livesearch');
     $this.attr('data-search-was', $this.val());
     var check = function() {
       var val = $this.val();
diff --git a/assets/stylesheets/additionals.css b/assets/stylesheets/additionals.css
index 12f46763..8c75646e 100644
--- a/assets/stylesheets/additionals.css
+++ b/assets/stylesheets/additionals.css
@@ -254,6 +254,17 @@ div.macro-desc {
   background-color: #759fcf;
 }
 
+input.livesearch {
+  background: #fff url('../images/search.svg') no-repeat 2px 50%;
+  padding-left: 20px !important;
+  stroke: var(--a-color-dark);
+  fill: none;
+}
+
+.icon.icon-search {
+  background-image: url('../images/search.svg');
+}
+
 /* Wiki icon add */
 div.additionals-projects li.project a.icon {
   margin-left: 3px;