mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-12-19 01:01:00 +00:00
0e963397a0
This is creating a large gap between search icon and user navigation icons on the right. Bug: T302753 Change-Id: Ic24ab36d0a9c394c5c88b375bdfbe529be93ace6
33 lines
1.1 KiB
Plaintext
33 lines
1.1 KiB
Plaintext
@import '../../minerva.less/minerva.variables.less';
|
|
|
|
// The top level user account button in the upper right near the notifications button.
|
|
.minerva-user-navigation {
|
|
display: flex;
|
|
// Keep space for at least two buttons.
|
|
min-width: 2 * @menuButtonIconSize;
|
|
// Support Firefox: Needs `min-height` to vertically align icons in menu. See T233517.
|
|
min-height: @siteHeaderHeight;
|
|
height: 100%;
|
|
// FIXME: for cached HTML. Merge with `.minerva-search-form + .minerva-user-navigation`.
|
|
width: 100%;
|
|
// Center vertically.
|
|
align-items: center;
|
|
// Layout from right / end.
|
|
justify-content: flex-end;
|
|
// Show the list relative the button.
|
|
position: relative;
|
|
|
|
// align the last icon (i.e. notification or use menu) with the container edge.
|
|
& > *:last-child {
|
|
margin-right: -@icon-padding-md;
|
|
}
|
|
}
|
|
|
|
// Different rule for cached HTML
|
|
// Can be merged into `.minerva-user-navigation` rule one week after this
|
|
// change was introduced and minerva-search-form class is present everywhere.
|
|
.minerva-search-form + .minerva-user-navigation {
|
|
min-width: auto;
|
|
width: auto;
|
|
}
|