Add SVG version of search button icon
authorm4tx <m4tx@m4tx.pl>
Sat, 23 Nov 2013 17:27:41 +0000 (18:27 +0100)
committerBartosz Dziewoński <matma.rex@gmail.com>
Mon, 3 Feb 2014 16:55:35 +0000 (16:55 +0000)
Bug: 35336
Change-Id: I471edc6c3e4667fa6572bf33e24c64496c1b7005

skins/vector/components/search.less
skins/vector/images/search-ltr.svg [new file with mode: 0644]
skins/vector/images/search-rtl.svg [new file with mode: 0644]

index 3a74754..f3073f1 100644 (file)
@@ -104,8 +104,9 @@ div#simpleSearch #mw-searchButton {
        direction: ltr;
        white-space: nowrap;
        overflow: hidden;
-       /* @embed */
-       background: transparent url(images/search-ltr.png) center center no-repeat;
+       .background-image-svg('images/search-ltr.svg', 'images/search-ltr.png');
+       background-position: center center;
+       background-repeat: no-repeat;
 }
 
 div#simpleSearch #mw-searchButton {
diff --git a/skins/vector/images/search-ltr.svg b/skins/vector/images/search-ltr.svg
new file mode 100644 (file)
index 0000000..184e0ee
--- /dev/null
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="12"
+   height="13"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-894,-731.57648)"
+     id="layer1">
+    <path
+       d="m -0.75761414,8.9593897 a 5.177032,5.177032 0 1 1 -10.35406386,0 5.177032,5.177032 0 1 1 10.35406386,0 z"
+       transform="matrix(0.85040896,0,0,0.83575426,904.36465,729.3551)"
+       id="path2996"
+       style="fill:none;stroke:#6c6c6c;stroke-width:2.13510537;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+    <path
+       d="m 902.17653,740.39168 2.26569,2.6414"
+       id="path3766"
+       style="fill:none;stroke:#6c6c6c;stroke-width:2.20000005;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+  </g>
+</svg>
diff --git a/skins/vector/images/search-rtl.svg b/skins/vector/images/search-rtl.svg
new file mode 100644 (file)
index 0000000..4fd9a47
--- /dev/null
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="12"
+   height="13"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-894,-731.57648)"
+     id="layer1">
+    <path
+       d="m -0.75761414,8.9593897 a 5.177032,5.177032 0 1 1 -10.35406386,0 5.177032,5.177032 0 1 1 10.35406386,0 z"
+       transform="matrix(-0.85040896,0,0,0.83575426,895.63918,729.3551)"
+       id="path2996"
+       style="fill:none;stroke:#6c6c6c;stroke-width:2.13510537;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+    <path
+       d="m 897.8273,740.39168 -2.26569,2.6414"
+       id="path3766"
+       style="fill:none;stroke:#6c6c6c;stroke-width:2.20000005;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+  </g>
+</svg>