extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 06:30:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix search icons to use svg version

Browse Source
This commit is contained in:
Hadi Nategh 2019-12-09 12:27:10 +01:00
parent b52f015012
commit d5a061d8ea
6 changed files with 39 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
pixelegg/css/mobile.css
View File

@ -1242,7 +1242,7 @@ option:checked {
.ui-icon-close { .ui-icon-close {
/*visibility: hidden;*/ /*visibility: hidden;*/
/*background-image: url(../images/search.png);*/ /*background-image: url(../images/search.png);*/
background-image: url("../images/cancel.png"); background-image: url("../images/cancel.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: 12px 12px; background-size: 12px 12px;
@ -1272,7 +1272,7 @@ span.ui-icon-close {
} }
/*Schliessen x*/ /*Schliessen x*/
.ui-icon-closethick { .ui-icon-closethick {
background-image: url(../images/close.png) !important; background-image: url(../images/close.svg) !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: contain; background-size: contain;
@ -1321,7 +1321,7 @@ span.ui-multiselect-header {
color: #FFFFFF; color: #FFFFFF;
} }
span.ui-icon-search { span.ui-icon-search {
background-image: url(../images/search.png) !important; background-image: url(../images/search.svg) !important;
background-position: 0px; background-position: 0px;
background-size: 10px 10px; background-size: 10px 10px;
} }

6
pixelegg/css/monochrome.css
View File

@ -1231,7 +1231,7 @@ option:checked {
.ui-icon-close { .ui-icon-close {
/*visibility: hidden;*/ /*visibility: hidden;*/
/*background-image: url(../images/search.png);*/ /*background-image: url(../images/search.png);*/
background-image: url("../images/cancel.png"); background-image: url("../images/cancel.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: 12px 12px; background-size: 12px 12px;
@ -1261,7 +1261,7 @@ span.ui-icon-close {
} }
/*Schliessen x*/ /*Schliessen x*/
.ui-icon-closethick { .ui-icon-closethick {
background-image: url(../images/close.png) !important; background-image: url(../images/close.svg) !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: contain; background-size: contain;
@ -1310,7 +1310,7 @@ span.ui-multiselect-header {
color: #FFFFFF; color: #FFFFFF;
} }
span.ui-icon-search { span.ui-icon-search {
background-image: url(../images/search.png) !important; background-image: url(../images/search.svg) !important;
background-position: 0px; background-position: 0px;
background-size: 10px 10px; background-size: 10px 10px;
} }

6
pixelegg/css/pixelegg.css
View File

@ -1242,7 +1242,7 @@ option:checked {
.ui-icon-close { .ui-icon-close {
/*visibility: hidden;*/ /*visibility: hidden;*/
/*background-image: url(../images/search.png);*/ /*background-image: url(../images/search.png);*/
background-image: url("../images/cancel.png"); background-image: url("../images/cancel.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: 12px 12px; background-size: 12px 12px;
@ -1272,7 +1272,7 @@ span.ui-icon-close {
} }
/*Schliessen x*/ /*Schliessen x*/
.ui-icon-closethick { .ui-icon-closethick {
background-image: url(../images/close.png) !important; background-image: url(../images/close.svg) !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: contain; background-size: contain;
@ -1321,7 +1321,7 @@ span.ui-multiselect-header {
color: #FFFFFF; color: #FFFFFF;
} }
span.ui-icon-search { span.ui-icon-search {
background-image: url(../images/search.png) !important; background-image: url(../images/search.svg) !important;
background-position: 0px; background-position: 0px;
background-size: 10px 10px; background-size: 10px 10px;
} }

24
pixelegg/images/view.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

6
pixelegg/less/jquery-ui.less
View File

@ -185,7 +185,7 @@ option:checked {background-color: @color_hover_row;}
.ui-icon-close{ .ui-icon-close{
/*visibility: hidden;*/ /*visibility: hidden;*/
/*background-image: url(../images/search.png);*/ /*background-image: url(../images/search.png);*/
background-image: url("../images/cancel.png"); background-image: url("../images/cancel.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: @gray_0; background-color: @gray_0;
background-size: 12px 12px; background-size: 12px 12px;
@ -206,7 +206,7 @@ span.ui-icon-close {margin-top: 0px; top: 5px;}
/*Schliessen x*/ /*Schliessen x*/
.ui-icon-closethick { .ui-icon-closethick {
background-image: url(../images/close.png) !important; background-image: url(../images/close.svg) !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: @gray_0; background-color: @gray_0;
background-size: contain; 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-multiselect-header {color: @gray_0;}
span.ui-icon-search { span.ui-icon-search {
background-image: url(../images/search.png) !important; background-image: url(../images/search.svg) !important;
background-position: 0px; background-position: 0px;
background-size: 10px 10px; background-size: 10px 10px;

6
pixelegg/mobile/fw_mobile.css
View File

@ -1253,7 +1253,7 @@ option:checked {
.ui-icon-close { .ui-icon-close {
/*visibility: hidden;*/ /*visibility: hidden;*/
/*background-image: url(../images/search.png);*/ /*background-image: url(../images/search.png);*/
background-image: url("../images/cancel.png"); background-image: url("../images/cancel.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: 12px 12px; background-size: 12px 12px;
@ -1283,7 +1283,7 @@ span.ui-icon-close {
} }
/*Schliessen x*/ /*Schliessen x*/
.ui-icon-closethick { .ui-icon-closethick {
background-image: url(../images/close.png) !important; background-image: url(../images/close.svg) !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: contain; background-size: contain;
@ -1332,7 +1332,7 @@ span.ui-multiselect-header {
color: #FFFFFF; color: #FFFFFF;
} }
span.ui-icon-search { span.ui-icon-search {
background-image: url(../images/search.png) !important; background-image: url(../images/search.svg) !important;
background-position: 0px; background-position: 0px;
background-size: 10px 10px; background-size: 10px 10px;
} }