mediawiki-skins-Vector/resources/skins.vector.styles/components/PageTools.less
bwang 6c817e932f Use features.js for main menu pinning functionality
- Register new feature for main menu pinned
- Update UserPreferenceRequirement to optionally handle default config values
- Add nav landmarks for the main menu

Bug: T317900
Change-Id: I8fc6e0a79a1155d68afb9e33e5101a2a160dc4e5
2022-12-16 12:56:54 -06:00

63 lines
1.5 KiB
Plaintext

// Ensure there is only 1 page tools landmark at anytime
.vector-page-tools-landmark {
.vector-feature-page-tools-pinned-enabled .vector-page-toolbar-container &,
.vector-feature-page-tools-pinned-disabled .vector-column-end & {
display: none;
}
}
.vector-page-tools {
.vector-menu-heading {
.mixin-vector-dropdown-menu-item();
.mixin-vector-menu-heading();
}
.mw-list-item {
a {
.mixin-vector-dropdown-menu-item();
white-space: nowrap;
color: @color-link;
}
}
/**
* 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 {
// 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;
}
}
}