mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-25 08:05:51 +00:00
34 lines
1.2 KiB
Plaintext
34 lines
1.2 KiB
Plaintext
@import '../../common/variables.less';
|
|
|
|
.vector-pinned-container .vector-pinnable-element {
|
|
// Make the heading border line up with the edge of the text
|
|
// (Whereas in a dropdown, the border lines up with the edge of the dropdown container).
|
|
.vector-pinnable-header,
|
|
.vector-menu-heading,
|
|
.mw-list-item a {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* At lower resolutions, we want to hide the pinned containers when JS is enabled since these
|
|
* elements collapse (become unpinned) at this resolution via PinnableElement.js.
|
|
* Although this is handled in JS, this rule prevents the pinned menu from
|
|
* appearing on pageload, at low resolutions, before the JS kicks in.
|
|
*
|
|
* When JS is disabled, we still want to hide the pinned containers at lower resolutions
|
|
* to fallback to the gradeC, single column layout.
|
|
*/
|
|
@media ( max-width: @max-width-tablet ) {
|
|
// .client-js and .client-nojs selectors needed to increase specificity to override gradeC.less
|
|
// Prefered to using !important as this still needs to be overridable to handle
|
|
// the anon, no-js TOC case found in layouts/toc/unpinned.less
|
|
.client-js,
|
|
.client-nojs {
|
|
.vector-pinned-container {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|