mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/userMenu.less
jdlrobson 7280d255c0 Dev: Prep for storybook
* Remove ambiguity in imports - say the file extension
'less' for all instances of variables and mixins.
* Separate toast styles from drawer styles so they can be
imported separately
* associate header-action selector with its parent
(.overlay-header) not parent's parent (.overlay) so it can be imported
and rendered without the Overlay.

Change-Id: Ib7e19a440ba095d6424d35305fb41d643ca9764c
2019-08-21 12:20:26 -07:00

27 lines
655 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: @headerHeight;
// 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;
.mw-ui-icon-element {
display: block;
}
.toggle-list {
width: @menuButtonIconSize;
display: inline-block;
}
}