Update redirect arrows to use SVG versions

Included updated fallback PNGs (now with transparency).

Bug: T72538
Change-Id: I1bd865d3184fad59c7e6144ec1685fe65be97916

diff --git a/resources/src/mediawiki.action/images/nextredirect-ltr.png b/resources/src/mediawiki.action/images/nextredirect-ltr.png
index cd657c3..e0a6bd7 100644 (file)
Binary files a/resources/src/mediawiki.action/images/nextredirect-ltr.png and b/resources/src/mediawiki.action/images/nextredirect-ltr.png differ

diff --git a/resources/src/mediawiki.action/images/nextredirect-ltr.svg b/resources/src/mediawiki.action/images/nextredirect-ltr.svg
new file mode 100644 (file)
index 0000000..6932e58
--- /dev/null
+++ b/resources/src/mediawiki.action/images/nextredirect-ltr.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="42" height="20" viewBox="0 0 42 20">
+    <g id="Layer_2">
+        <path fill="#fff" stroke="#000" stroke-width="2" stroke-miterlimit="10" d="M11 10h17.064"/>
+    </g>
+    <g id="Layer_3">
+        <path d="M23 6l8 4-8 4z"/>
+    </g>
+</svg>

diff --git a/resources/src/mediawiki.action/images/nextredirect-rtl.png b/resources/src/mediawiki.action/images/nextredirect-rtl.png
index b788f33..ddb5273 100644 (file)
Binary files a/resources/src/mediawiki.action/images/nextredirect-rtl.png and b/resources/src/mediawiki.action/images/nextredirect-rtl.png differ

diff --git a/resources/src/mediawiki.action/images/nextredirect-rtl.svg b/resources/src/mediawiki.action/images/nextredirect-rtl.svg
new file mode 100644 (file)
index 0000000..b309da9
--- /dev/null
+++ b/resources/src/mediawiki.action/images/nextredirect-rtl.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="42" height="20" viewBox="0 0 42 20">
+    <g id="Layer_2">
+        <path fill="#fff" stroke="#000" stroke-width="2" stroke-miterlimit="10" d="M31 10H13.936"/>
+    </g>
+    <g id="Layer_3">
+        <path d="M19 6l-8 4 8 4z"/>
+    </g>
+</svg>

diff --git a/resources/src/mediawiki.action/images/redirect-ltr.png b/resources/src/mediawiki.action/images/redirect-ltr.png
index 695f2a1..0734d73 100644 (file)
Binary files a/resources/src/mediawiki.action/images/redirect-ltr.png and b/resources/src/mediawiki.action/images/redirect-ltr.png differ

diff --git a/resources/src/mediawiki.action/images/redirect-ltr.svg b/resources/src/mediawiki.action/images/redirect-ltr.svg
new file mode 100644 (file)
index 0000000..713be6c
--- /dev/null
+++ b/resources/src/mediawiki.action/images/redirect-ltr.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="47" height="20" viewBox="0 0 47 20">
+    <g id="Layer_1">
+        <path fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" d="M14.98 2.5V11c0 1.04 1.02 1.98 2.02 1.98h6l3 .02"/>
+    </g>
+    <g id="Layer_3">
+        <path d="M23.48 9.5l.02 7L30 13z"/>
+    </g>
+</svg>

diff --git a/resources/src/mediawiki.action/images/redirect-rtl.png b/resources/src/mediawiki.action/images/redirect-rtl.png
index c954a2a..c883795 100644 (file)
Binary files a/resources/src/mediawiki.action/images/redirect-rtl.png and b/resources/src/mediawiki.action/images/redirect-rtl.png differ

diff --git a/resources/src/mediawiki.action/images/redirect-rtl.svg b/resources/src/mediawiki.action/images/redirect-rtl.svg
new file mode 100644 (file)
index 0000000..ce0c7c9
--- /dev/null
+++ b/resources/src/mediawiki.action/images/redirect-rtl.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="47" height="20" viewBox="0 0 47 20">
+    <g id="Layer_1">
+        <path fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" d="M32.002 2.5V11c0 1.04-1.02 1.98-2.02 1.98h-6l-3 .02"/>
+    </g>
+    <g id="Layer_3">
+        <path d="M23.502 9.5l-.02 7-6.5-3.5z"/>
+    </g>
+</svg>

diff --git a/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.css b/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.css
index fdbb655..3209c9b 100644 (file)
--- a/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.css
+++ b/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.css
@@ -24,15 +24,21 @@
        margin: 0;
        padding: 0;
        padding-left: 42px;
+       background: transparent url(images/nextredirect-ltr.png) bottom left no-repeat;
        /* @embed */
-       background: url(images/nextredirect-ltr.png) bottom left no-repeat;
+       background-image: -webkit-linear-gradient(transparent, transparent), url(images/nextredirect-ltr.svg);
+       /* @embed */
+       background-image: linear-gradient(transparent, transparent), url(images/nextredirect-ltr.svg);
 }
 
 /* @noflip */
 .mw-content-ltr .redirectText li:first-child {
        padding-left: 47px;
+       background: transparent url(images/redirect-ltr.png) bottom left no-repeat;
+       /* @embed */
+       background-image: -webkit-linear-gradient(transparent, transparent), url(images/redirect-ltr.svg);
        /* @embed */
-       background: url(images/redirect-ltr.png) bottom left no-repeat;
+       background-image: linear-gradient(transparent, transparent), url(images/redirect-ltr.svg);
 }
 
 /* @noflip */
@@ -41,13 +47,19 @@
        margin: 0;
        padding: 0;
        padding-right: 42px;
+       background: transparent url(images/nextredirect-rtl.png) bottom left no-repeat;
        /* @embed */
-       background: url(images/nextredirect-rtl.png) bottom right no-repeat;
+       background-image: -webkit-linear-gradient(transparent, transparent), url(images/nextredirect-rtl.svg);
+       /* @embed */
+       background-image: linear-gradient(transparent, transparent), url(images/nextredirect-rtl.svg);
 }
 
 /* @noflip */
 .mw-content-rtl .redirectText li:first-child {
        padding-right: 47px;
+       background: transparent url(images/redirect-rtl.png) bottom left no-repeat;
+       /* @embed */
+       background-image: -webkit-linear-gradient(transparent, transparent), url(images/redirect-rtl.svg);
        /* @embed */
-       background: url(images/redirect-rtl.png) bottom right no-repeat;
+       background-image: linear-gradient(transparent, transparent), url(images/redirect-rtl.svg);
 }