Jdlrobson has uploaded a new change for review.
https://gerrit.wikimedia.org/r/69970
Change subject: Make info boxes float to the right on a tablet display
......................................................................
Make info boxes float to the right on a tablet display
Follow Jared's advice to make infoboxes on wider displays look
better.
Change-Id: Ib8e258e4b7ac8ff04a5fafd08732531ebc643dc9
---
M less/common/mf-enwp.less
M stylesheets/common/mf-enwp.css
2 files changed, 20 insertions(+), 0 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MobileFrontend
refs/changes/70/69970/1
diff --git a/less/common/mf-enwp.less b/less/common/mf-enwp.less
index 0f7db97..ec2ed90 100644
--- a/less/common/mf-enwp.less
+++ b/less/common/mf-enwp.less
@@ -114,3 +114,14 @@
-webkit-column-width: 35em;
column-width: 35em;
}
+
+/* Tablet specific styling */
+@media all and (min-width: 768px) {
+ // FIXME [Templates]: Inline styles force us to use !important
+ table.infobox {
+ width: auto !important;
+ float: right !important;
+ margin-left: 8px !important;
+ clear: right !important;
+ }
+}
diff --git a/stylesheets/common/mf-enwp.css b/stylesheets/common/mf-enwp.css
index 4b2dc07..eddcdef 100644
--- a/stylesheets/common/mf-enwp.css
+++ b/stylesheets/common/mf-enwp.css
@@ -95,3 +95,12 @@
-webkit-column-width: 35em;
column-width: 35em;
}
+/* Tablet specific styling */
+@media all and (min-width: 768px) {
+ table.infobox {
+ width: auto !important;
+ float: right !important;
+ margin-left: 8px !important;
+ clear: right !important;
+ }
+}
--
To view, visit https://gerrit.wikimedia.org/r/69970
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: Ib8e258e4b7ac8ff04a5fafd08732531ebc643dc9
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/MobileFrontend
Gerrit-Branch: master
Gerrit-Owner: Jdlrobson <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
