Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/65400
Change subject: SVG version for collapsible indicator in Vector ...................................................................... SVG version for collapsible indicator in Vector SVG with a PNG fallback is added for the collapsible tab indicator. It allows SVG-capable browsers to view images at full resolution while keeping backwards compatibility. Change-Id: I0448e34bd10aa5cf83f1530a44b1555caee271b1 --- A skins/vector/images/arrow-down-focus-icon.svg A skins/vector/images/arrow-down-icon.svg M skins/vector/screen.css 3 files changed, 86 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/core refs/changes/00/65400/1 diff --git a/skins/vector/images/arrow-down-focus-icon.svg b/skins/vector/images/arrow-down-focus-icon.svg new file mode 100644 index 0000000..f2edf26 --- /dev/null +++ b/skins/vector/images/arrow-down-focus-icon.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="22" + 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,-11.885956,1036.4136)" + id="path2985" + style="fill:#929292;fill-opacity:1;stroke:none" /> + </g> +</svg> diff --git a/skins/vector/images/arrow-down-icon.svg b/skins/vector/images/arrow-down-icon.svg new file mode 100644 index 0000000..9218ff2 --- /dev/null +++ b/skins/vector/images/arrow-down-icon.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="22" + 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,-11.885956,1036.4136)" + id="path2985" + style="fill:#797979;fill-opacity:1;stroke:none" /> + </g> +</svg> diff --git a/skins/vector/screen.css b/skins/vector/screen.css index eb4a4dd..32c4c93 100644 --- a/skins/vector/screen.css +++ b/skins/vector/screen.css @@ -219,6 +219,12 @@ float: left; /* @embed */ background-image: url(images/arrow-down-icon.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/arrow-down-icon.svg); + /* @embed */ + background-image: linear-gradient(transparent, transparent), url(images/arrow-down-icon.svg); background-position: 100% 60%; background-repeat: no-repeat; cursor: pointer; @@ -226,6 +232,12 @@ div.vectorMenuFocus { /* @embed */ background-image: url(images/arrow-down-focus-icon.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/arrow-down-focus-icon.svg); + /* @embed */ + background-image: linear-gradient(transparent, transparent), url(images/arrow-down-focus-icon.svg); background-position: 100% 60%; } /* @noflip */ -- To view, visit https://gerrit.wikimedia.org/r/65400 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I0448e34bd10aa5cf83f1530a44b1555caee271b1 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/core Gerrit-Branch: master Gerrit-Owner: Pginer <pgi...@wikimedia.org> _______________________________________________ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
