mediawiki-skins-Vector/resources/skins.vector.styles/components/MenuDropdown.less
Jon Robson 1657cbc6bd [Technical] Limit dropdown arrow styling to child headings
Since dropdowns can now themselves contain headings in the content
area we need to limit this rule. While this is current theoretical
it will soon become reality in Ie7d31df972ff68313b2437ff14b7b6b8d7078204
when we will introduce the first of these components.

Note in future we will likely restore this when we make those menus
themselves collapsible, but that will likely be part of a different
component and fixing this now is better than having a non-functional
collapsible item.

Change-Id: I24abb08a098dd75ad694da0b47b8be0897ed9b30
2022-11-09 16:13:49 +00:00

44 lines
972 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;
}
}