jenkins-bot has submitted this change and it was merged.
Change subject: (bug 35340) Use SVG for Vector collapsible section arrow
......................................................................
(bug 35340) Use SVG for Vector collapsible section arrow
SVG with fallback is used to allow SVG-capable browsers to use
hi-resolution graphics in a backwards compatible manner.
Change-Id: Icaccdb512916dfc079a023a8453f570ba8781dac
---
M modules/ext.vector.collapsibleNav.css
M modules/ext.vector.footerCleanup.css
A modules/images/closed-ltr.svg
A modules/images/closed-rtl.svg
A modules/images/open.svg
5 files changed, 135 insertions(+), 0 deletions(-)
Approvals:
Nikerabbit: Looks good to me, approved
jenkins-bot: Verified
diff --git a/modules/ext.vector.collapsibleNav.css
b/modules/ext.vector.collapsibleNav.css
index b9c2735..f3df584 100644
--- a/modules/ext.vector.collapsibleNav.css
+++ b/modules/ext.vector.collapsibleNav.css
@@ -17,6 +17,12 @@
font-weight: normal;
/* @embed */
background: url(images/open.png) left center no-repeat;
+ /* SVG support using a transparent gradient to guarantee cross-browser
+ * compatibility (browsers able to understand gradient syntax support
also SVG) */
+ /* @embed */
+ background-image: -webkit-linear-gradient(transparent, transparent),
url(images/open.svg);
+ /* @embed */
+ background-image: linear-gradient(transparent, transparent),
url(images/open.svg);
padding: 4px 0 3px 1.5em;
margin-bottom: 0;
}
@@ -78,6 +84,12 @@
color: #0645AD;
/* @embed */
background: url(images/closed-ltr.png) left center no-repeat;
+ /* SVG support using a transparent gradient to guarantee cross-browser
+ * compatibility (browsers able to understand gradient syntax support
also SVG) */
+ /* @embed */
+ background-image: -webkit-linear-gradient(transparent, transparent),
url(./images/closed-ltr.svg);
+ /* @embed */
+ background-image: linear-gradient(transparent, transparent),
url(./images/closed-ltr.svg);
margin-bottom: 0;
}
diff --git a/modules/ext.vector.footerCleanup.css
b/modules/ext.vector.footerCleanup.css
index a361346..1afc718 100644
--- a/modules/ext.vector.footerCleanup.css
+++ b/modules/ext.vector.footerCleanup.css
@@ -27,6 +27,12 @@
float: left;
/* @embed */
background-image: url(./images/open.png);
+ /* SVG support using a transparent gradient to guarantee cross-browser
+ * compatibility (browsers able to understand gradient syntax support
also SVG) */
+ /* @embed */
+ background-image: -webkit-linear-gradient(transparent, transparent),
url(./images/open.svg);
+ /* @embed */
+ background-image: linear-gradient(transparent, transparent),
url(./images/open.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
display: block;
@@ -37,6 +43,12 @@
.collapsible-list span.collapsed {
/* @embed */
background-image: url(./images/closed-ltr.png);
+ /* SVG support using a transparent gradient to guarantee cross-browser
+ * compatibility (browsers able to understand gradient syntax support
also SVG) */
+ /* @embed */
+ background-image: -webkit-linear-gradient(transparent, transparent),
url(./images/closed-ltr.svg);
+ /* @embed */
+ background-image: linear-gradient(transparent, transparent),
url(./images/closed-ltr.svg);
}
.hiddencats ul, .templatesUsed ul {
diff --git a/modules/images/closed-ltr.svg b/modules/images/closed-ltr.svg
new file mode 100644
index 0000000..d0c4729
--- /dev/null
+++ b/modules/images/closed-ltr.svg
@@ -0,0 +1,37 @@
+<?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="16"
+ height="16"
+ 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(0,-1036.0288)"
+ id="layer1">
+ <path
+ d="M 10.028624,3.7729932 8.1976442,6.9443424 6.3666649,3.7729932 z"
+ transform="matrix(0,-2.7307791,1.576616,0,0.05143855,1066.4148)"
+ id="path2985"
+ style="fill:#797979;fill-opacity:1;stroke:none" />
+ </g>
+</svg>
diff --git a/modules/images/closed-rtl.svg b/modules/images/closed-rtl.svg
new file mode 100644
index 0000000..8c5e04b
--- /dev/null
+++ b/modules/images/closed-rtl.svg
@@ -0,0 +1,37 @@
+<?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="16"
+ height="16"
+ 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(0,-1036.0288)"
+ id="layer1">
+ <path
+ d="M 10.028624,3.7729932 8.1976442,6.9443424 6.3666649,3.7729932 z"
+ transform="matrix(0,2.7307791,-1.576616,0,15.948561,1021.6428)"
+ id="path2985"
+ style="fill:#797979;fill-opacity:1;stroke:none" />
+ </g>
+</svg>
diff --git a/modules/images/open.svg b/modules/images/open.svg
new file mode 100644
index 0000000..60704d2
--- /dev/null
+++ b/modules/images/open.svg
@@ -0,0 +1,37 @@
+<?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="16"
+ height="16"
+ 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(0,-1036.3622)"
+ id="layer1">
+ <path
+ d="M 10.028624,3.7729932 8.1976442,6.9443424 6.3666649,3.7729932 z"
+ transform="matrix(2.7307791,0,0,1.576616,-14.385956,1036.4136)"
+ id="path2985"
+ style="fill:#797979;fill-opacity:1;stroke:none" />
+ </g>
+</svg>
--
To view, visit https://gerrit.wikimedia.org/r/65416
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: Icaccdb512916dfc079a023a8453f570ba8781dac
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/Vector
Gerrit-Branch: master
Gerrit-Owner: Pginer <[email protected]>
Gerrit-Reviewer: Brion VIBBER <[email protected]>
Gerrit-Reviewer: Krinkle <[email protected]>
Gerrit-Reviewer: Nikerabbit <[email protected]>
Gerrit-Reviewer: Waldir <[email protected]>
Gerrit-Reviewer: jenkins-bot
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
