mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-29 18:05:19 +00:00
d150131561
This patch involves cached HTML changes - Replace '-content-container' id with '-unpinned-container' - Replace '-content' id with '-pinnable-element' - Rename pinnableHeader.js to pinnableElement.js - Replace PinnableDropdownContents.mustache with PinnableElement/Open.mustache and Close - Add PinnedContainer/Open & Close and UnpinnedContainer/Open & Close - Rename .vector-dropdown-content to .vector-pinnable-element - Add new PinnableElement.less stylesheet Bug: T318013 Change-Id: I85aec387f87126a17e760fd9fd10e10572ff3152
50 lines
1.3 KiB
Plaintext
50 lines
1.3 KiB
Plaintext
// Ensure there is only 1 page tools landmark at anytime
|
|
.vector-page-tools-landmark {
|
|
.vector-page-tools-pinned #vector-page-tools-unpinned-container &,
|
|
.vector-page-tools-unpinned #vector-page-tools-pinned-container & {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.vector-page-tools-pinnable-element {
|
|
/**
|
|
* Styles applying to all items in the pinned column.
|
|
*/
|
|
#vector-page-tools-pinned-container & {
|
|
padding-left: 45px;
|
|
width: 140px;
|
|
|
|
// 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-menu-heading,
|
|
.mw-list-item a {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
|
|
.vector-pinnable-header {
|
|
padding: @padding-vertical-tabs;
|
|
}
|
|
}
|
|
|
|
// FIXME: Remove the following selector when page tools feature is on by default, needed for LegacyMoreDropdown
|
|
.vector-feature-page-tools-disabled .vector-page-tools-landmark,
|
|
.vector-page-tools-pinnable-element {
|
|
// Ensure collapsible items are visible on lower resolutions
|
|
.vector-more-collapsible-item {
|
|
display: block;
|
|
|
|
@media ( min-width: @min-width-tablet ) {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
// Make sure pcactions is displayed on lower resolutions (even if .emptyPortlet present)
|
|
.vector-has-collapsible-items {
|
|
@media ( max-width: @max-width-mobile ) {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|