mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-12-11 15:37:50 +00:00
5852e320a3
Creates a new skins.vector.zebra.styles module that will hold style modifications for the Vector Zebra update. Affected files are copied from skins.vector.styles without modification (at this point) to improve revision history in git. The new module should compile without error and existing styles should not be affected. Bug: T332600 Change-Id: I9b367ca0a0afea32b49915b40bc03c05910d4227
69 lines
1.5 KiB
Plaintext
69 lines
1.5 KiB
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-dropdown > .vector-menu-heading:not( .mw-ui-icon-element ) {
|
|
display: flex;
|
|
|
|
&::after {
|
|
.mixin-vector-menu-heading-arrow();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Dropdown container
|
|
*/
|
|
.vector-dropdown {
|
|
.vector-dropdown-content,
|
|
> .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;
|
|
padding: 4px 0;
|
|
// TODO Add consistent min/max values for dropdowns in T316055
|
|
width: max-content;
|
|
max-width: 200px;
|
|
}
|
|
}
|
|
|
|
.vector-pinnable-element,
|
|
.vector-dropdown-content {
|
|
.vector-menu-heading {
|
|
.mixin-vector-dropdown-menu-item();
|
|
.mixin-vector-menu-heading();
|
|
}
|
|
|
|
.mw-list-item a {
|
|
// Mirror styles from Dropdown.less
|
|
.mixin-vector-dropdown-menu-item();
|
|
color: @color-link;
|
|
}
|
|
|
|
> *:not( :last-child ) {
|
|
// Apply bottom border to every children of dropdown contents and pinnable elements except the last
|
|
border-bottom: @border-width-base @border-style-base @colorGray14;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Dropdown menu items.
|
|
*/
|
|
.vector-dropdown .mw-list-item {
|
|
a {
|
|
.mixin-vector-dropdown-menu-item();
|
|
|
|
// The link is a mw-selflink in the case of temporary users.
|
|
&:not( .mw-selflink ) {
|
|
color: @color-link;
|
|
}
|
|
}
|
|
}
|