mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-17 12:43:02 +00:00
63f9dd81e3
Remove redundant styles. Update personal menu dropdown to more closely reflect design of OOUI dropdown elements. Extract legcay-specific, modern-specific styles for UserMenu into separate partials. Create new shared UserMenu component. Bug: T276561 Change-Id: I1e56cd5b3b24ac1b5cae684301b8e3a84ea33a5c
60 lines
988 B
Plaintext
60 lines
988 B
Plaintext
@import '../../common/variables.less';
|
|
|
|
// Overrides personal menu styles for consolidated user links.
|
|
.mw-portlet-personal.vector-menu-dropdown h3:after {
|
|
padding: 0.4em 0 0.4em 0;
|
|
content: none;
|
|
}
|
|
|
|
#p-personal.vector-menu-dropdown {
|
|
.vector-menu-checkbox {
|
|
&:hover + h3 {
|
|
background-color: @colorGray14;
|
|
border-radius: @border-radius-base;
|
|
}
|
|
}
|
|
|
|
.vector-menu-content {
|
|
top: 100%;
|
|
left: unset;
|
|
right: 0;
|
|
}
|
|
|
|
.vector-menu-content-list {
|
|
justify-content: flex-start;
|
|
|
|
li {
|
|
font-size: 100%;
|
|
width: 100%;
|
|
|
|
&:hover {
|
|
background-color: @colorGray14;
|
|
}
|
|
}
|
|
|
|
li#pt-logout {
|
|
border-top: 1px solid @border-color-base;
|
|
}
|
|
|
|
a,
|
|
&:hover,
|
|
&:visited {
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Since user-page is pulled out of the personal menu for modern vector,
|
|
// apply styles for the top-level user-page menu.
|
|
#p-user-page {
|
|
li {
|
|
padding-bottom: 0.5em;
|
|
|
|
a {
|
|
background-position: left center;
|
|
padding-left: 1.5em;
|
|
}
|
|
}
|
|
}
|