mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-16 18:58:45 +00:00
9524dae241
This is important, as text alignment is inherited and often overwritten in wikicode by the table element, with the expectation that the header alignment remains, as other skins have the text alignment for headers as a fixed property. Bug: T240106 Change-Id: Ifc6a2bbc47ce8c6d5b1fa9d98a4d3278716993d2
75 lines
1.9 KiB
Plaintext
75 lines
1.9 KiB
Plaintext
// Tables
|
|
@import 'mediawiki.mixins.less';
|
|
@import '../../minerva.less/minerva.variables.less';
|
|
@import '../../minerva.less/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;
|
|
box-sizing: border-box;
|
|
|
|
&.wikitable {
|
|
// Remove the outer table border as the table container may be
|
|
// wider than all the cells (T206762). In most cases the table
|
|
// border is not visible anyway due to border-collapse.
|
|
border: 0;
|
|
}
|
|
}
|
|
|
|
caption {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
|
|
.content {
|
|
table {
|
|
margin: 1em 0;
|
|
|
|
/* following 4 rules are needed for scrolling */
|
|
overflow: auto; /* for browsers that don't support overflow-y */
|
|
overflow-y: hidden;
|
|
overflow-x: auto;
|
|
|
|
caption {
|
|
text-align: left;
|
|
}
|
|
}
|
|
}
|
|
|
|
// For skinning normal data tables
|
|
// Compare with mediawiki.legacy/shared.css
|
|
// Move out of .content selector to avoid increased
|
|
// specificty conflicts e.g. with tablesorter (T205945)
|
|
.wikitable {
|
|
border: 1px solid @colorGray5;
|
|
// Note older browsers will fall back to @grayLight
|
|
border-color: fade( @colorGray5, 30 );
|
|
|
|
// We only style cells that are direct children of the wikitable table since
|
|
// table tags may be used for non-table purposes within the cells.
|
|
> tr > th,
|
|
> tr > td,
|
|
> * > tr > th,
|
|
> * > tr > td {
|
|
border: 1px solid @colorGray5;
|
|
// Note older browsers will fall back to @grayLight
|
|
border-color: fade( @colorGray5, 30 );
|
|
padding: 0.2em;
|
|
}
|
|
|
|
// Make headings distinguishable
|
|
> tr > th,
|
|
> * > tr > th {
|
|
background-color: @grayLightest;
|
|
text-align: center;
|
|
}
|
|
}
|