mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-27 15:40:15 +00:00
56e0d84bdc
Follow up to: I6331d88e5b7301fd13249414350a539738cfae53 Bug: T205341 Change-Id: I60b7919d53cf101e4026950331fff93fbef76ac5
44 lines
1 KiB
Plaintext
44 lines
1 KiB
Plaintext
@import 'mediawiki.skin.variables.less';
|
|
@import '../../minerva.less/minerva.variables.less';
|
|
// stylelint-disable selector-max-id
|
|
|
|
// The top level user account button in the upper right near the notifications button.
|
|
.minerva-user-navigation {
|
|
display: flex;
|
|
min-width: auto;
|
|
// Support Firefox: Needs `min-height` to vertically align icons in menu. See T233517.
|
|
min-height: @height-site-header;
|
|
height: 100%;
|
|
width: auto;
|
|
// 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 {
|
|
.cdx-mixin-button-layout-flush( 'end', true, 'large' );
|
|
}
|
|
|
|
.minerva-notifications {
|
|
ul {
|
|
list-style: none;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
/* Will be leveraged by future Echo version. */
|
|
li {
|
|
position: relative;
|
|
}
|
|
|
|
// Hide notices for Minerva mobile mode.
|
|
#pt-notifications-notice {
|
|
.mw-mf & {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|