mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-09-25 03:09:24 +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
30 lines
721 B
Plaintext
30 lines
721 B
Plaintext
/**
|
|
* Less mixins shared between both legacy and Vector 2022.
|
|
*/
|
|
|
|
// Defines the arrow beside dropdown headings.
|
|
.mixin-vector-menu-heading-arrow() {
|
|
content: '';
|
|
background: url( ../common/images/arrow-down.svg ) 100% 50% no-repeat;
|
|
width: unit( 16 / @font-size-tabs / @font-size-browser, em );
|
|
height: unit( 16 / @font-size-tabs / @font-size-browser, em );
|
|
}
|
|
|
|
.mixin-vector-dropdown-menu-item() {
|
|
//NOTE: using px instead of em's due to difference in font-size
|
|
// across dropdowns (i.e tabs 13px vs. personal menu 14px).
|
|
min-height: 32px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 12px;
|
|
|
|
&:visited {
|
|
color: @color-link;
|
|
}
|
|
|
|
&.selected a,
|
|
&.selected a:visited {
|
|
color: @color-link-selected;
|
|
}
|
|
}
|