jenkins-bot has submitted this change and it was merged. (
https://gerrit.wikimedia.org/r/404094 )
Change subject: Fix infobox styles to work well with multiple column infobox
rows
......................................................................
Fix infobox styles to work well with multiple column infobox rows
I used the fix provided by TheDJ and tested out locally
on Firefox 57 and Chrome latest, but I couldn't test out
any grade C browser as on Linux it's really hard to find
such an outdated browser like Internet Explorer on Windows.
Bug: T168716
Change-Id: I8e03610e4eb3c93b80bb757592c2fb3079a68412
---
M resources/skins.minerva.content.styles/hacks.less
M resources/skins.minerva.tablet.styles/hacks.less
2 files changed, 22 insertions(+), 6 deletions(-)
Approvals:
jenkins-bot: Verified
Jdlrobson: Looks good to me, approved
diff --git a/resources/skins.minerva.content.styles/hacks.less
b/resources/skins.minerva.content.styles/hacks.less
index ce7b225..2ed6a90 100644
--- a/resources/skins.minerva.content.styles/hacks.less
+++ b/resources/skins.minerva.content.styles/hacks.less
@@ -50,6 +50,10 @@
text-align: left;
background-color: @colorGray15;
+ display: flex;
+ flex: 1 1 100%;
+ flex-flow: column nowrap;
+
th, td {
vertical-align: top;
border: 0;
@@ -57,7 +61,13 @@
padding: 7px 10px;
}
- td {
+ tbody > tr > td,
+ tbody > tr > th {
+ flex: 1 0;
+ }
+
+ td:only-child,
+ th:only-child {
width: 100%;
}
@@ -66,6 +76,17 @@
border: 0;
}
}
+
+ &.infobox > tbody {
+ display: flex;
+ flex-flow: column nowrap;
+ }
+
+ &.infobox > tbody > tr {
+ min-width: 100%;
+ display: flex;
+ flex-flow: row nowrap;
+ }
}
}
diff --git a/resources/skins.minerva.tablet.styles/hacks.less
b/resources/skins.minerva.tablet.styles/hacks.less
index c833a7b..102189a 100644
--- a/resources/skins.minerva.tablet.styles/hacks.less
+++ b/resources/skins.minerva.tablet.styles/hacks.less
@@ -22,11 +22,6 @@
width: auto !important;
float: right !important;
clear: right !important;
-
- td {
- width: auto;
- }
-
}
// banners inserted by other extensions, i.e. Zero
#mw-mf-page-center .mw-mf-banner {
--
To view, visit https://gerrit.wikimedia.org/r/404094
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: I8e03610e4eb3c93b80bb757592c2fb3079a68412
Gerrit-PatchSet: 9
Gerrit-Project: mediawiki/skins/MinervaNeue
Gerrit-Branch: master
Gerrit-Owner: Divadsn <[email protected]>
Gerrit-Reviewer: Divadsn <[email protected]>
Gerrit-Reviewer: Jdlrobson <[email protected]>
Gerrit-Reviewer: Phantom42 <[email protected]>
Gerrit-Reviewer: Pmiazga <[email protected]>
Gerrit-Reviewer: jenkins-bot <>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
