Divadsn has uploaded a new change for review. (
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, 21 insertions(+), 17 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/skins/MinervaNeue
refs/changes/94/404094/1
diff --git a/resources/skins.minerva.content.styles/hacks.less
b/resources/skins.minerva.content.styles/hacks.less
index ce7b225..bf4d098 100644
--- a/resources/skins.minerva.content.styles/hacks.less
+++ b/resources/skins.minerva.content.styles/hacks.less
@@ -43,28 +43,37 @@
margin-right: 0 !important;
&.infobox {
- font-size: 90%;
position: relative;
+ font-size: 90%;
border: 1px solid @colorGray14;
margin-bottom: 2em;
text-align: left;
background-color: @colorGray15;
- th, td {
- vertical-align: top;
- border: 0;
- border-bottom: 1px solid @colorGray14;
- padding: 7px 10px;
- }
+ display: flex;
+ flex: 1 1 100%;
+ flex-flow: column nowrap;
- td {
+ td:only-child,
+ th:only-child {
width: 100%;
}
+ }
- tr:last-child th,
- tr:last-child td {
- border: 0;
- }
+ &.infobox > tbody {
+ display: flex;
+ flex-flow: column nowrap;
+ }
+
+ &.infobox > tbody > tr {
+ min-width: 100%;
+ display:flex;
+ flex-flow: row nowrap;
+ }
+
+ &.infobox > tbody >tr > td,
+ &.infobox > tbody >tr > th {
+ flex: 1 0;
}
}
}
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: newchange
Gerrit-Change-Id: I8e03610e4eb3c93b80bb757592c2fb3079a68412
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/skins/MinervaNeue
Gerrit-Branch: master
Gerrit-Owner: Divadsn <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
