mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-26 16:40:33 +00:00
ce007e059e
This affects all dropdowns in Vector 2022, including the user menu in the header and the language variants and "more" menu in the article toolbar. By relying on shared styles instead of separate implementations, this change also reduces the size of the skins.vector.styles module by 1.6kB (uncompressed). Visual changes: - The links in the user menu are now blue - Dropdown links in the user menu and tabs are blue - The dropdown labels in the tabs are black not dark gray. Bug: T312157 Bug: T308344 Change-Id: I002d5454838a5516b6ee6c7c38721209ed28508b
44 lines
968 B
Plaintext
44 lines
968 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;
|
|
}
|
|
}
|