jenkins-bot has submitted this change and it was merged.
Change subject: Fix white gaps around the photo CTA image in article lists
......................................................................
Fix white gaps around the photo CTA image in article lists
This fixes the gaps in watchlist and nearby.
Also switch to higher definition image
Change-Id: Idc55346b6376b1b4717bfa030c4654ce3732b233
---
M less/specials/watchlist.less
M stylesheets/specials/images/camera.png
M stylesheets/specials/watchlist.css
3 files changed, 9 insertions(+), 0 deletions(-)
Approvals:
Jdlrobson: Verified; Looks good to me, approved
jenkins-bot: Verified
diff --git a/less/specials/watchlist.less b/less/specials/watchlist.less
index de6ca8c..89db6d5 100644
--- a/less/specials/watchlist.less
+++ b/less/specials/watchlist.less
@@ -32,6 +32,8 @@
background-repeat: no-repeat;
background-position: center center;
&.needsPhoto {
+ .background-size(100%, auto);
+ background-color: #3b6fba;
background-image: url(images/camera.png);
}
}
diff --git a/stylesheets/specials/images/camera.png
b/stylesheets/specials/images/camera.png
index bbeba03..f3e9a31 100644
--- a/stylesheets/specials/images/camera.png
+++ b/stylesheets/specials/images/camera.png
Binary files differ
diff --git a/stylesheets/specials/watchlist.css
b/stylesheets/specials/watchlist.css
index 5111116..4e1af32 100644
--- a/stylesheets/specials/watchlist.css
+++ b/stylesheets/specials/watchlist.css
@@ -24,6 +24,13 @@
background-position: center center;
}
.listThumb.needsPhoto {
+ /* use -webkit prefix for older android browsers eg. nexus 1 */
+
+ -moz-background-size: 100% auto;
+ -o-background-size: 100% auto;
+ -webkit-background-size: 100% auto;
+ background-size: 100% auto;
+ background-color: #3b6fba;
background-image: url(images/camera.png);
}
.listThumbH {
--
To view, visit https://gerrit.wikimedia.org/r/65329
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: Idc55346b6376b1b4717bfa030c4654ce3732b233
Gerrit-PatchSet: 4
Gerrit-Project: mediawiki/extensions/MobileFrontend
Gerrit-Branch: master
Gerrit-Owner: JGonera <[email protected]>
Gerrit-Reviewer: JGonera <[email protected]>
Gerrit-Reviewer: Jdlrobson <[email protected]>
Gerrit-Reviewer: jenkins-bot
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
