mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-12-21 01:52:49 +00:00
0648dbf29c
Reverts the change to flushing for notification icons in I55c18cf723a32f80b93a01dd0687e005162c4e93 Bug: T343908 Change-Id: I1c9b9969c822f90f8edeb90ce8b27d79d378cf64
43 lines
1 KiB
Plaintext
43 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: @siteHeaderHeight;
|
|
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 {
|
|
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;
|
|
}
|
|
}
|
|
}
|
|
}
|