mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/content/tables.less
libraryupgrader 842a91590a build: Updating npm dependencies
* eslint-config-wikimedia: 0.27.0 → 0.28.2
  The following rules are failing and were disabled:
  * tests/selenium:
    * implicit-arrow-linebreak
    * no-mixed-spaces-and-tabs
* grunt-banana-checker: 0.11.1 → 0.13.0
* stylelint-config-wikimedia: 0.16.1 → 0.17.2
  The following rules no longer exist and were removed:
  * stylistic/selector-list-comma-newline-after
* braces: 3.0.2 → 3.0.3
  * https://github.com/advisories/GHSA-grv7-fg5c-xmjg

Change-Id: Ia94454c1da778f241085714e1601a0233d547570
2024-08-01 15:27:33 +01:00

60 lines
1.5 KiB
Plaintext

// Tables
@import 'mediawiki.mixins.less';
@import '../../../minerva.less/minerva.variables.less';
@import '../../../minerva.less/minerva.mixins.less';
// FIXME: Upstream to ResourceLoader/SkinModule content-tables styles [T359888]
// 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: @max-width-breakpoint-mobile ) {
.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: auto hidden;
}
caption {
font-weight: bold;
text-align: left;
}
}
// Overrides for ResourceLoaderSkinModule "content".
.wikitable {
// 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 {
// content-tables uses 0.2em 0.4em. Can these be consolidated?
padding: 0.2em;
}
}