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 <divad.nnamtd...@gmail.com> _______________________________________________ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits