Merge "Fix infobox styles to work well with multiple column infobox rows"

This commit is contained in:
jenkins-bot 2018-01-17 20:04:02 +00:00 committed by Gerrit Code Review
commit 80f51c4d5d
2 changed files with 22 additions and 6 deletions

View file

@ -50,6 +50,10 @@ FIXME: Review all of these hacks to see if they still apply.
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 @@ FIXME: Review all of these hacks to see if they still apply.
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 @@ FIXME: Review all of these hacks to see if they still apply.
border: 0;
}
}
&.infobox > tbody {
display: flex;
flex-flow: column nowrap;
}
&.infobox > tbody > tr {
min-width: 100%;
display: flex;
flex-flow: row nowrap;
}
}
}

View file

@ -22,11 +22,6 @@ FIXME: Review all of these hacks to see if they still apply.
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 {