From d5a061d8ea0123c7fabb9c24f9153698ea55b2ec Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Mon, 9 Dec 2019 12:27:10 +0100
Subject: [PATCH] Fix search icons to use svg version

---
 pixelegg/css/mobile.css       |  6 +++---
 pixelegg/css/monochrome.css   |  6 +++---
 pixelegg/css/pixelegg.css     |  6 +++---
 pixelegg/images/view.svg      | 24 ++++++++++++++++++++++++
 pixelegg/less/jquery-ui.less  |  6 +++---
 pixelegg/mobile/fw_mobile.css |  6 +++---
 6 files changed, 39 insertions(+), 15 deletions(-)
 create mode 100644 pixelegg/images/view.svg

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 37c998e23a..8ab344624c 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -1242,7 +1242,7 @@ option:checked {
 .ui-icon-close {
   /*visibility: hidden;*/
   /*background-image: url(../images/search.png);*/
-  background-image: url("../images/cancel.png");
+  background-image: url("../images/cancel.svg");
   background-repeat: no-repeat;
   background-color: #FFFFFF;
   background-size: 12px 12px;
@@ -1272,7 +1272,7 @@ span.ui-icon-close {
 }
 /*Schliessen x*/
 .ui-icon-closethick {
-  background-image: url(../images/close.png) !important;
+  background-image: url(../images/close.svg) !important;
   background-repeat: no-repeat;
   background-color: #FFFFFF;
   background-size: contain;
@@ -1321,7 +1321,7 @@ span.ui-multiselect-header {
   color: #FFFFFF;
 }
 span.ui-icon-search {
-  background-image: url(../images/search.png) !important;
+  background-image: url(../images/search.svg) !important;
   background-position: 0px;
   background-size: 10px 10px;
 }
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index a45c3dbccd..04cffa09dd 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -1231,7 +1231,7 @@ option:checked {
 .ui-icon-close {
   /*visibility: hidden;*/
   /*background-image: url(../images/search.png);*/
-  background-image: url("../images/cancel.png");
+  background-image: url("../images/cancel.svg");
   background-repeat: no-repeat;
   background-color: #FFFFFF;
   background-size: 12px 12px;
@@ -1261,7 +1261,7 @@ span.ui-icon-close {
 }
 /*Schliessen x*/
 .ui-icon-closethick {
-  background-image: url(../images/close.png) !important;
+  background-image: url(../images/close.svg) !important;
   background-repeat: no-repeat;
   background-color: #FFFFFF;
   background-size: contain;
@@ -1310,7 +1310,7 @@ span.ui-multiselect-header {
   color: #FFFFFF;
 }
 span.ui-icon-search {
-  background-image: url(../images/search.png) !important;
+  background-image: url(../images/search.svg) !important;
   background-position: 0px;
   background-size: 10px 10px;
 }
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index d11d7ed8f9..a41ccc89dd 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -1242,7 +1242,7 @@ option:checked {
 .ui-icon-close {
   /*visibility: hidden;*/
   /*background-image: url(../images/search.png);*/
-  background-image: url("../images/cancel.png");
+  background-image: url("../images/cancel.svg");
   background-repeat: no-repeat;
   background-color: #FFFFFF;
   background-size: 12px 12px;
@@ -1272,7 +1272,7 @@ span.ui-icon-close {
 }
 /*Schliessen x*/
 .ui-icon-closethick {
-  background-image: url(../images/close.png) !important;
+  background-image: url(../images/close.svg) !important;
   background-repeat: no-repeat;
   background-color: #FFFFFF;
   background-size: contain;
@@ -1321,7 +1321,7 @@ span.ui-multiselect-header {
   color: #FFFFFF;
 }
 span.ui-icon-search {
-  background-image: url(../images/search.png) !important;
+  background-image: url(../images/search.svg) !important;
   background-position: 0px;
   background-size: 10px 10px;
 }
diff --git a/pixelegg/images/view.svg b/pixelegg/images/view.svg
new file mode 100644
index 0000000000..2edc6d5635
--- /dev/null
+++ b/pixelegg/images/view.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
+<svg version="1.1" id="pixelegg_search" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path fill="#696969" d="M20.201,21.894l-0.182-0.182c-0.332-0.331-0.332-0.868,0-1.2
+				l0.601-0.602c0.332-0.332,0.87-0.332,1.202,0l0.182,0.182c1.473-1.861,2.357-4.209,2.357-6.768
+				c0-6.036-4.893-10.929-10.927-10.929c-6.036,0-10.929,4.893-10.929,10.929s4.893,10.929,10.929,10.929
+				c2.558,0,4.905-0.886,6.767-2.357l1.717,1.718l1.803-1.803l-1.719-1.719C21.473,20.762,20.87,21.364,20.201,21.894z
+				 M13.433,21.674c-4.612,0-8.35-3.738-8.35-8.35s3.738-8.35,8.35-8.35c4.611,0,8.349,3.738,8.349,8.35
+				S18.044,21.674,13.433,21.674z"/>
+			<path fill="#696969" d="M29.217,25.742l-4.041-4.04c-0.371-0.372-0.975-0.372-1.347,0
+				l-0.108,0.108l1.104,1.104c0.332,0.332,0.332,0.87,0,1.202l-0.602,0.602c-0.332,0.331-0.869,0.331-1.201,0l-1.104-1.105
+				l-0.108,0.109c-0.373,0.371-0.373,0.975,0,1.348l4.041,4.041c0.371,0.371,0.975,0.371,1.346,0l2.021-2.021
+				C29.589,26.717,29.589,26.113,29.217,25.742z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/pixelegg/less/jquery-ui.less b/pixelegg/less/jquery-ui.less
index 7e04a9ca85..685af520e1 100755
--- a/pixelegg/less/jquery-ui.less
+++ b/pixelegg/less/jquery-ui.less
@@ -185,7 +185,7 @@ option:checked {background-color: @color_hover_row;}
 .ui-icon-close{
 	/*visibility: hidden;*/
 	 /*background-image: url(../images/search.png);*/
-	 background-image: url("../images/cancel.png");
+	 background-image: url("../images/cancel.svg");
 	 background-repeat: no-repeat;
 	 background-color: @gray_0;
 	 background-size: 12px 12px;
@@ -206,7 +206,7 @@ span.ui-icon-close {margin-top: 0px; top: 5px;}
 
 /*Schliessen x*/
 .ui-icon-closethick {
-	background-image: url(../images/close.png) !important;
+	background-image: url(../images/close.svg) !important;
 	background-repeat: no-repeat;
 	background-color: @gray_0;
 	background-size: contain;
@@ -245,7 +245,7 @@ span.ui-icon-close {margin-top: 0px; top: 5px;}
 span.ui-multiselect-header {color: @gray_0;}
 
 span.ui-icon-search {
-	background-image: url(../images/search.png) !important;
+	background-image: url(../images/search.svg) !important;
 	background-position: 0px;
 	background-size: 10px 10px;
 
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 3ec02dbe97..73bf4f2131 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -1253,7 +1253,7 @@ option:checked {
 .ui-icon-close {
   /*visibility: hidden;*/
   /*background-image: url(../images/search.png);*/
-  background-image: url("../images/cancel.png");
+  background-image: url("../images/cancel.svg");
   background-repeat: no-repeat;
   background-color: #FFFFFF;
   background-size: 12px 12px;
@@ -1283,7 +1283,7 @@ span.ui-icon-close {
 }
 /*Schliessen x*/
 .ui-icon-closethick {
-  background-image: url(../images/close.png) !important;
+  background-image: url(../images/close.svg) !important;
   background-repeat: no-repeat;
   background-color: #FFFFFF;
   background-size: contain;
@@ -1332,7 +1332,7 @@ span.ui-multiselect-header {
   color: #FFFFFF;
 }
 span.ui-icon-search {
-  background-image: url(../images/search.png) !important;
+  background-image: url(../images/search.svg) !important;
   background-position: 0px;
   background-size: 10px 10px;
 }