Jdlrobson has uploaded a new change for review.
https://gerrit.wikimedia.org/r/86715
Change subject: Beta: Fix infobox styling on larger resolutions
......................................................................
Beta: Fix infobox styling on larger resolutions
* Fix overlap between headings and infobox on desktop
* Limit Infobox styling changes to beta rather
than everywhere
* Undo table display tweaks in tablet mode
Change-Id: I73f7c583758a854107a28b864a008e2ad466c124
---
M less/common/enwp.less
M stylesheets/common/enwp.css
2 files changed, 43 insertions(+), 8 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MobileFrontend
refs/changes/15/86715/1
diff --git a/less/common/enwp.less b/less/common/enwp.less
index 700440e..337f8a3 100644
--- a/less/common/enwp.less
+++ b/less/common/enwp.less
@@ -127,12 +127,33 @@
/* 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;
+ .beta #content_wrapper {
+ @infoboxWidth: 400px;
+
+ .section_heading,
+ .content_block {
+ margin-right: @infoboxWidth + 16;
+ }
+
+ .content_block {
+ width: auto;
+ clear: none;
+ }
+
+ table {
+ display: table;
+ tbody {
+ display: table-row-group;
+ }
+ }
+
+ table.infobox {
+ max-width: @infoboxWidth;
+ // FIXME [Templates]: Inline styles force us to use
!important
+ width: auto !important;
+ float: right !important;
+ margin-left: @contentMarginRight !important;
+ clear: right !important;
+ }
}
}
diff --git a/stylesheets/common/enwp.css b/stylesheets/common/enwp.css
index dbc7e20..0a2319d 100644
--- a/stylesheets/common/enwp.css
+++ b/stylesheets/common/enwp.css
@@ -110,7 +110,21 @@
}
/* Tablet specific styling */
@media all and (min-width: 768px) {
- table.infobox {
+ .beta #content_wrapper .section_heading,
+ .beta #content_wrapper .content_block {
+ margin-right: 416px;
+ }
+ .beta #content_wrapper .content_block {
+ width: auto;
+ clear: none;
+ }
+ .beta #content_wrapper table {
+ display: table;
+ }
+ .beta #content_wrapper table tbody {
+ display: table-row-group;
+ }
+ .beta #content_wrapper table.infobox {
max-width: 400px;
width: auto !important;
float: right !important;
--
To view, visit https://gerrit.wikimedia.org/r/86715
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I73f7c583758a854107a28b864a008e2ad466c124
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
