mediawiki-skins-Vector/resources/skins.vector.styles/components/PinnableElement.less
bwang d150131561 Generalize Pinnable functionality to not be limited to dropdowns, make Pinnable templates composable
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
2022-11-30 17:17:20 -06:00

28 lines
653 B
Plaintext

.vector-pinnable-element {
.vector-menu-heading {
.mixin-vector-dropdown-menu-item();
.mixin-vector-menu-heading();
}
// Match dropdown menu item styles in Dropdown.less
.mw-list-item {
a {
.mixin-vector-dropdown-menu-item();
white-space: nowrap;
color: @color-link;
}
}
.vector-menu {
border-top: @border-width-base @border-style-base @colorGray14;
}
// Remove the border for the first .vector-menu since
// it already exists on the pinnable header, or, when there's no
// pinnable header, a border exists on the dropdown container.
.vector-menu:first-child,
.vector-pinnable-header + .vector-menu {
border: 0;
}
}