[MediaWiki-commits] [Gerrit] feature-information.svg: New SVG version in addition to PNG one - change (mediawiki...BetaFeatures)

[Code Review]

Bartosz Dziewoński has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/119548

Change subject: feature-information.svg: New SVG version in addition to PNG one
......................................................................

feature-information.svg: New SVG version in addition to PNG one

Drawn snapped to a one-pixel grid to look sharp on-screen at default
zoom level. The original PNG was done neatly and so they look nearly
pixel-perfectly the same.

The SVG file was compressed using svgo and optimized further by hand.

Also regenerated the PNG fallback from the new image and recompressed
it using pngcrush.

Change-Id: I7725ca8db9c7255e13b37bb20adf890259872087
---
M css/betafeatures.css
M img/form-icon/feature-information.png
A img/form-icon/feature-information.svg
3 files changed, 9 insertions(+), 1 deletion(-)


  git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/BetaFeatures 
refs/changes/48/119548/1

diff --git a/css/betafeatures.css b/css/betafeatures.css
index 07f6459..39e555d 100644
--- a/css/betafeatures.css
+++ b/css/betafeatures.css
@@ -152,11 +152,18 @@
        background-image: -webkit-linear-gradient(transparent, transparent), 
url(../img/form-icon/feature-discussion.svg);
        /* @embed */
        background-image: linear-gradient(transparent, transparent), 
url(../img/form-icon/feature-discussion.svg);
-       padding-left: 46px;
 }
 
 .mw-ui-feature-info-link {
+       /* SVG support using a transparent gradient to guarantee cross-browser
+        * compatibility (browsers able to understand gradient syntax support 
also SVG).
+        * 
http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */
        background-image: url(../img/form-icon/feature-information.png);
+       /* @embed */
+       background-image: -webkit-linear-gradient(transparent, transparent), 
url(../img/form-icon/feature-information.svg);
+       /* @embed */
+       background-image: linear-gradient(transparent, transparent), 
url(../img/form-icon/feature-information.svg);
+       padding-left: 46px;
 }
 
 .mw-ui-feature-screenshot {
diff --git a/img/form-icon/feature-information.png 
b/img/form-icon/feature-information.png
index b251983..0c6929e 100644
--- a/img/form-icon/feature-information.png
+++ b/img/form-icon/feature-information.png
Binary files differ
diff --git a/img/form-icon/feature-information.svg 
b/img/form-icon/feature-information.svg
new file mode 100644
index 0000000..ea381af
--- /dev/null
+++ b/img/form-icon/feature-information.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg"; 
width="20" height="20"><path d="M2.5 0c-1.381 0-2.5 1.119-2.5 
2.5v3.5h4v14h16v-17.5c0-1.381-1.119-2.5-2.5-2.5h-15zm0 1c.828 0 1.5.672 1.5 
1.5v2.5h-3v-2.5c0-.828.672-1.5 1.5-1.5zm4.5 4h6v2h-6v-2zm0 4h10v2h-10v-2zm0 
4h10v2h-10v-2z" fill="#6d6e71"/></svg>
\ No newline at end of file

-- 
To view, visit https://gerrit.wikimedia.org/r/119548
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: I7725ca8db9c7255e13b37bb20adf890259872087
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/BetaFeatures
Gerrit-Branch: master
Gerrit-Owner: Bartosz Dziewoński <matma....@gmail.com>

_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits