use tabler for search icon

alphanodes · Nov 24, 2024 · 7d1603c · 7d1603c
1 parent cce97f3
commit 7d1603c
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/assets/images/search.svg b/assets/images/search.svg
diff --git 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
@@ -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;