Merge "Fix padding/positioning of the user menu orange talk message notification"

This commit is contained in:
jenkins-bot 2021-07-28 23:09:09 +00:00 committed by Gerrit Code Review
commit d3f09a1c3d
3 changed files with 13 additions and 17 deletions

View file

@ -12,12 +12,16 @@
list-style: none none;
margin: 0;
}
li {
margin-left: 0.75em;
// `padding-top` instead of `margin-top` necessary for
// anonymous user icon position below
padding-top: 0.5em;
line-height: @line-height-nav-personal;
}
}
// FIXME: Move these rules to the #p-personal li selector in
// skins.vector.styles.legacy/layouts/screen.less when modern Vector no longer
// uses the legacy user menu and only uses the new consolidated user links
// menu.
.vector-user-menu-legacy li {
margin-left: 0.75em;
// `padding-top` instead of `margin-top` necessary for
// anonymous user icon position below
padding-top: 0.5em;
line-height: @line-height-nav-personal;
}

View file

@ -18,7 +18,6 @@
align-items: center;
li {
padding-top: 0;
margin: 0;
white-space: nowrap;

View file

@ -2,13 +2,8 @@
@import 'mediawiki.skin.variables.less';
.vector-user-links {
#pt-notifications-alert {
margin-right: 0.75em;
}
.vector-menu-content-list {
.mw-echo-alert {
margin: 0 0 0 0.2em;
padding: 0.2em 0.5em;
white-space: nowrap;
@ -21,10 +16,8 @@
.mw-echo-alert {
font-size: 12px;
position: absolute;
top: calc( 100% + 12px );
top: 100%;
right: 0;
margin-left: 0.75em;
padding-top: 0.25em;
}
}
}