jenkins-bot has submitted this change and it was merged.
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, 23 insertions(+), 0 deletions(-)
Approvals:
JGonera: Verified; Looks good to me, approved
jenkins-bot: Verified
diff --git a/less/common/mf-enwp.less b/less/common/mf-enwp.less
index 0f7db97..722710d 100644
--- a/less/common/mf-enwp.less
+++ b/less/common/mf-enwp.less
@@ -4,6 +4,7 @@
IMPORTANT: do not use selectors containing attribute notation e.g. [style]
[colspan]
as they are known to damage the ios app
*/
+@import "../mf-variables.less";
code,
pre {
@@ -114,3 +115,15 @@
-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 {
+ max-width: 400px;
+ width: auto !important;
+ float: right !important;
+ margin-left: @contentMarginRight !important;
+ clear: right !important;
+ }
+}
diff --git a/stylesheets/common/mf-enwp.css b/stylesheets/common/mf-enwp.css
index 4b2dc07..e9de6b1 100644
--- a/stylesheets/common/mf-enwp.css
+++ b/stylesheets/common/mf-enwp.css
@@ -95,3 +95,13 @@
-webkit-column-width: 35em;
column-width: 35em;
}
+/* Tablet specific styling */
+@media all and (min-width: 768px) {
+ table.infobox {
+ max-width: 400px;
+ width: auto !important;
+ float: right !important;
+ margin-left: 23px !important;
+ clear: right !important;
+ }
+}
--
To view, visit https://gerrit.wikimedia.org/r/69970
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: Ib8e258e4b7ac8ff04a5fafd08732531ebc643dc9
Gerrit-PatchSet: 2
Gerrit-Project: mediawiki/extensions/MobileFrontend
Gerrit-Branch: master
Gerrit-Owner: Jdlrobson <[email protected]>
Gerrit-Reviewer: JGonera <[email protected]>
Gerrit-Reviewer: jenkins-bot
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
