mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-17 03:08:12 +00:00
73e87fdc08
uses the CSS :last-child selector to align the last item in the header with the edge of the container. This is usually the notification icon in "normal" mode and the user menu icon in AMC mode. Bug: T229440 Change-Id: I4430f5659093f76896e2b86e076526a0b51d9630
23 lines
666 B
Plaintext
23 lines
666 B
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;
|
|
height: 100%;
|
|
// Fill empty space left / start so the buttons can stay right / end.
|
|
width: 100%;
|
|
// Keep space for at least two buttons.
|
|
min-width: 2 * @menuButtonIconSize;
|
|
// 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;
|
|
}
|
|
}
|