mediawiki-skins-Vector/resources/skins.vector.styles/components/PageTools.less
Jon Robson ded2784f0c Page tools: Hide dropdown when not pinned
Follow up to I85aec387f87126a17e760fd9fd10e10572ff3152

Bug: T318013
Change-Id: I095ecf0333c7181d0a2d81902faed309b1d56da6
2022-12-01 22:30:19 +00:00

63 lines
1.5 KiB
Plaintext

// Ensure there is only 1 page tools landmark at anytime
.vector-page-tools-landmark {
.vector-page-tools-pinned .vector-page-toolbar-container &,
.vector-page-tools-unpinned #vector-page-tools-pinned-container & {
display: none;
}
}
.vector-page-tools-pinnable-element {
.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-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;
}
}
}