mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/userMenu.less
Jan Drewniak be0b43042e Convert Less variable names from camelCase to snake-case
Converts all Less variable names from CamelCase to snake-case
per the MediaWiki coding conventions.

Removes the following unused Less variables, mostly
related to icons, since those were converted to Codex:
- @icon-touch-area-sm
- @icon-touch-area-md
- @min-size-icon (replaced with @size-icon-medium)
- @icon-glyph-size-sm
- @icon-size-sm
- @icon-padding-sm
- @icon-glyph-size-md
- @icon-size-md
- @margin-icon-md-labelled

Bug: T350581
Change-Id: I1b16e77942d9bea20dcc5636a63d64aa2325a173
2024-01-31 15:24:31 -08:00

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: @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 {
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;
}
}
}
}