mediawiki-skins-Vector/resources/skins.vector.zebra.styles/components/Dropdown.less
Jon Robson 68239ae344 Use Codex for button styles, start transitioning icons to use Codex icon mixins
Changes:
- mw-ui-button to cdx-button
- mw-ui-quiet to cdx-button--weight-quiet
- mw-ui-icon-element to cdx-button--icon-only
- mw-ui-icon to vector-icon
- mw-ui-icon-flush-right/left to vector-button-flush-right/left
- Removes $isSmallIcon param in Hooks.php

85 Visual Changes
- ~36 changes from minor pixel changes from the new button classes in the main menu, language button
- 22 from standardizing the padding of the TOC in page title
- ~10 changes from addition of .cdx-button to the TOC toggle buttons

PERFORMANCE:
This will result in an overall increase of 2.7kb of render blocking
CSS, 1kb will be reclaimed when
I6c1ed1523df8cc9e2f2ca09506f12a595b8b013d is merged.

Co-author: Bernard Wang <bwang@wikimedia.org>
Bug: T336526
Change-Id: Ibd558238a41a0d3edb981e441638f9564f43d226
2023-06-12 16:26:28 -07:00

35 lines
937 B
Plaintext

/**
* Targets all dropdown labels.
* - language variants, Actions menus
* - more menu, user menu
* - ULS button in sticky header
*/
// FIXME: Remove old button classes after caching
.vector-dropdown > .vector-menu-heading:not( .cdx-button--icon-only ):not( .mw-ui-icon-element ) {
.mixin-vector-arrowed-dropdown-toggle();
}
/**
* Dropdown container
*/
.vector-dropdown .vector-dropdown-content {
.mixin-vector-dropdown-menu();
.mixin-vector-scrollable-with-fade();
max-height: 75vh;
}
.vector-pinnable-element .vector-menu-heading {
color: @color-subtle;
font-weight: normal;
cursor: default;
padding: @padding-vertical-dropdown-menu-item 0;
margin: @padding-vertical-dropdown-menu-item 0;
border-bottom: @border-width-base @border-style-base @border-color-content-box;
}
.vector-pinnable-element .mw-list-item a,
.vector-dropdown-content .mw-list-item a {
.mixin-vector-dropdown-menu-item();
color: @color-link;
}