mediawiki.helplink: Use a SVG+PNG icon

Icon copied from OOjs UI library.

Bug: T45591
Change-Id: I0378e26471a72ab3a756e3cbb8c16a6878b3dbde

diff --git a/resources/Resources.php b/resources/Resources.php
index e90b24e..b94fa69 100644 (file)
--- a/resources/Resources.php
+++ b/resources/Resources.php
@@ -894,7 +894,7 @@ return array(
        ),
        'mediawiki.helplink' => array(
                'styles' => array(
-                       'resources/src/mediawiki/mediawiki.helplink.css',
+                       'resources/src/mediawiki/mediawiki.helplink.less',
                ),
                'targets' => array( 'desktop', 'mobile' ),
        ),

diff --git a/resources/src/mediawiki/images/help.png b/resources/src/mediawiki/images/help.png
index f1bc368..9910582 100644 (file)
Binary files a/resources/src/mediawiki/images/help.png and b/resources/src/mediawiki/images/help.png differ

diff --git a/resources/src/mediawiki/images/help.svg b/resources/src/mediawiki/images/help.svg
new file mode 100644 (file)
index 0000000..3662cb5
--- /dev/null
+++ b/resources/src/mediawiki/images/help.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g><path d="M12.001 2.085c-5.478 0-9.916 4.438-9.916 9.916 0 5.476 4.438 9.914 9.916 9.914 5.476 0 9.914-4.438 9.914-9.914 0-5.478-4.438-9.916-9.914-9.916zm.001 18c-4.465 0-8.084-3.619-8.084-8.083 0-4.465 3.619-8.084 8.084-8.084 4.464 0 8.083 3.619 8.083 8.084 0 4.464-3.619 8.083-8.083 8.083z"/><g><path d="M11.766 6.688c-2.5 0-3.219 2.188-3.219 2.188l1.411.854s.298-.791.901-1.229c.516-.375 1.625-.625 2.219.125.701.885-.17 1.587-1.078 2.719-.953 1.186-1 3.655-1 3.655h1.969s.135-2.318 1.041-3.381c.603-.707 1.443-1.338 1.443-2.494s-1.187-2.437-3.687-2.437z"/><path d="M11 16h2v2h-2z"/></g></g></svg>

diff --git a/resources/src/mediawiki/mediawiki.helplink.css b/resources/src/mediawiki/mediawiki.helplink.css
deleted file mode 100644 (file)
index 5d45778..0000000
--- a/resources/src/mediawiki/mediawiki.helplink.css
+++ /dev/null
@@ -1,5 +0,0 @@
-#mw-indicator-mw-helplink a {
-       /* @embed */
-       background: url(images/help.png) no-repeat scroll left center transparent;
-       padding-left: 20px;
-}

diff --git a/resources/src/mediawiki/mediawiki.helplink.less b/resources/src/mediawiki/mediawiki.helplink.less
new file mode 100644 (file)
index 0000000..dd6bf74
--- /dev/null
+++ b/resources/src/mediawiki/mediawiki.helplink.less
@@ -0,0 +1,11 @@
+@import "mediawiki.mixins";
+
+#mw-indicator-mw-helplink a {
+       .background-image-svg('images/help.svg', 'images/help.png');
+       background-repeat: no-repeat;
+       background-position: left center;
+       padding-left: 28px;
+       display: inline-block;
+       height: 24px;
+       line-height: 24px;
+}