mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/userMenu.less
Jan Drewniak 633c48bddf Utilize the mw-ui-icon-flush-left/right classes to align icons
Affected icons:
- hamburger menu
- "search|notifications|user" menu in page header
- notification "circle" icon
- page actions menu
- section edit icon

Bug: T229440
Change-Id: I5587855d0d9ecf2fac20ce16845e6749c26ab7c2
2019-09-13 12:09:43 -07:00

25 lines
757 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;
}
// Targets the last direct descendant of the navigation menu
// (i.e. the last icon, or button, or div, etc).
// and align with the content container.
.minerva-user-navigation > *:last-child {
margin-right: @contentPadding/-2;
}