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

This commit is contained in:
jenkins-bot 2018-01-02 22:07:51 +00:00 committed by Gerrit Code Review
commit 8466feb591
2 changed files with 23 additions and 20 deletions

View File

@ -42,31 +42,29 @@ FIXME: Review all of these hacks to see if they still apply.
margin-left: 0 !important;
margin-right: 0 !important;
&.infobox > tbody > tr > td,
&.infobox > tbody > tr > th {
flex: 1 0;
}
&.infobox {
display: flex;
flex: 1 1 100%;
flex-flow: column nowrap;
font-size: 90%;
position: relative;
border: 1px solid @colorGray14;
margin-bottom: 2em;
text-align: left;
background-color: @colorGray15;
td:only-child,
th:only-child {
th, td {
vertical-align: top;
border: 0;
border-bottom: 1px solid @colorGray14;
padding: 7px 10px;
}
td {
width: 100%;
}
}
&.infobox > tbody {
display: flex;
flex-flow: column nowrap;
}
&.infobox > tbody > tr {
min-width: 100%;
display: flex;
flex-flow: row nowrap;
tr:last-child th,
tr:last-child td {
border: 0;
}
}
}
}

View File

@ -22,6 +22,11 @@ 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 {