jenkins-bot has submitted this change and it was merged.
Change subject: Provide PNG fallbacks for non-SVG web browsers
......................................................................
Provide PNG fallbacks for non-SVG web browsers
Uses the exact same fallback mechanism as in
core/skins/common/shared.css.
Aditionally the PNG files are optimized using optipng -o7 -nc (on
purpose since the most basic 32 bit RGBA color type does have the
broadest compatibility compared to, for example, "1 bit palette
with 8 bit alpha channel").
Change-Id: If568552fe47cbc1a150adc3724d5999e9ced644a
---
M css/betafeatures.css
A img/form-icon/checked.png
A img/form-icon/feature-discussion.png
M img/form-icon/feature-information.png
4 files changed, 19 insertions(+), 4 deletions(-)
Approvals:
Bartosz Dziewoński: Looks good to me, approved
jenkins-bot: Verified
diff --git a/css/betafeatures.css b/css/betafeatures.css
index 33b02bf..7d040ac 100644
--- a/css/betafeatures.css
+++ b/css/betafeatures.css
@@ -48,7 +48,15 @@
}
/* line 117, sourcefiles/scss/components/default/_forms.scss */
.client-js .mw-ui-styled-checkbox-label.mw-ui-checked {
- background: url("../img/form-icon/checked.svg") no-repeat;
+ /* 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/checked.png);
+ /* @embed */
+ background-image: -webkit-linear-gradient(transparent, transparent),
url(../img/form-icon/checked.svg);
+ /* @embed */
+ background-image: linear-gradient(transparent, transparent),
url(../img/form-icon/checked.svg);
+ background-repeat: no-repeat;
}
/* line 121, sourcefiles/scss/components/default/_forms.scss */
.client-js .mw-ui-styled-checkbox-label.mw-ui-disabled {
@@ -62,7 +70,7 @@
/* line 132, sourcefiles/scss/components/default/_forms.scss */
table.mw-htmlform-container {
border-collapse: separate;
- border-spacing: 0px 4px;
+ border-spacing: 0 4px;
}
/* line 137, sourcefiles/scss/components/default/_forms.scss */
@@ -137,12 +145,19 @@
}
.mw-ui-feature-discussion-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-discussion.png);
+ /* @embed */
+ 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;
- background-image: url('../img/form-icon/feature-discussion.svg');
}
.mw-ui-feature-info-link {
- background-image: url('../img/form-icon/feature-information.png');
+ background-image: url(../img/form-icon/feature-information.png);
}
/* line 219, sourcefiles/scss/components/default/_forms.scss */
diff --git a/img/form-icon/checked.png b/img/form-icon/checked.png
new file mode 100644
index 0000000..ce4e6b9
--- /dev/null
+++ b/img/form-icon/checked.png
Binary files differ
diff --git a/img/form-icon/feature-discussion.png
b/img/form-icon/feature-discussion.png
new file mode 100644
index 0000000..b069bd1
--- /dev/null
+++ b/img/form-icon/feature-discussion.png
Binary files differ
diff --git a/img/form-icon/feature-information.png
b/img/form-icon/feature-information.png
index 1bd6ade..b251983 100644
--- a/img/form-icon/feature-information.png
+++ b/img/form-icon/feature-information.png
Binary files differ
--
To view, visit https://gerrit.wikimedia.org/r/119034
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: If568552fe47cbc1a150adc3724d5999e9ced644a
Gerrit-PatchSet: 2
Gerrit-Project: mediawiki/extensions/BetaFeatures
Gerrit-Branch: master
Gerrit-Owner: Thiemo Mättig (WMDE) <[email protected]>
Gerrit-Reviewer: Bartosz Dziewoński <[email protected]>
Gerrit-Reviewer: MarkTraceur <[email protected]>
Gerrit-Reviewer: jenkins-bot <>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
