mediawiki-skins-Vector/resources/skins.vector.styles/components/MenuDropdown.less
Jon Robson bc56ba86df Allow dropdowns to contain .vector-menu-content elements
Currently you cannot have menus inside dropdowns. To support this
we should limit the selector to direct children nodes.

This will allow us to put the main menu into the main menu icon
dropdown.

Change-Id: Ibf304843a62d5269992a01eb826edf71ce8d3c35
2022-11-07 15:44:13 -08:00

44 lines
970 B
Plaintext

@import '../../common/variables.less';
@import '../../common/mixins.less';
@import 'mediawiki.mixins.less';
/**
* Targets all dropdown labels.
* - language variants, Actions menus
* - more menu, user menu
* - ULS button in sticky header
*/
.vector-menu-dropdown .vector-menu-heading,
.mw-interlanguage-selector {
display: flex;
&:after {
.mixin-vector-menu-heading-arrow();
}
}
/**
* Dropdown container
*/
.vector-menu-dropdown {
> .vector-menu-content {
background-color: @background-color-base;
border: @border-width-base @border-style-base @border-color-base;
box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
transition-property: opacity;
transition-duration: @transition-duration-base;
}
}
//non-standard dropdown menu item.
.vector-user-menu-logout,
.vector-user-menu-create-account,
.vector-user-menu-login,
.vector-menu-dropdown .mw-list-item {
a {
.mixin-vector-dropdown-menu-item();
white-space: nowrap;
color: @color-link;
}
}