Change strategy for undoing '.content table' overrides

This is effectively a no-op for Minerva itself, but
automatically fixes a bunch of bugs, such as the
lack of centerring on WikiHiero elements.

Bug: T184221
Change-Id: I0af4df2391be1fab3c93fcbfea6624074fc96414
This commit is contained in:
Timo Tijhof 2018-04-25 01:26:16 +01:00 committed by Krinkle
parent ea258c8e37
commit 1fd6ce6db2
2 changed files with 18 additions and 7 deletions

View file

@ -3,6 +3,24 @@
@import 'minerva.variables.less';
@import 'minerva.mixins.less';
// These are only intended for smaller screens.
// This avoids having to undo them from another media query,
// by putting the original in a media query instead.
// This also avoids having a reset with too-high specificity, which
// would break unrelated styles from core and extensions.
@media all and ( max-width: @width-breakpoint-tablet ) {
.content {
table {
display: block;
width: 100% !important;
}
caption {
display: block;
}
}
}
.content {
table {
margin: 1em 0;
@ -11,11 +29,8 @@
overflow: auto; /* for browsers that don't support overflow-y */
overflow-y: hidden;
overflow-x: auto;
display: block;
width: 100% !important;
caption {
display: block;
text-align: left;
}

View file

@ -95,13 +95,9 @@ A file for css that optimises the Minerva skin on larger devices.
}
}
// Override rules in common.less
table {
display: table;
width: auto !important;
caption {
background: inherit; // T170344
display: table-caption;
}
tbody {
display: table-row-group;