mediawiki-skins-Vector/resources/skins.vector.styles.legacy/components/UserLinks.less
Jon Robson 0be8fe1534 UserLinksLegacy: Move layout rule into UserLinks rule
This is component CSS, not a general layout rule

Change-Id: I3b49989b3265b336810beca2e07f68020600f888
2022-08-04 11:54:44 +00:00

49 lines
1 KiB
Plaintext

@import '../../common/variables.less';
/* Personal Menu */
.vector-user-menu-legacy {
li {
font-size: @font-size-nav-personal;
float: left;
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;
}
/* Icon for registered user names & anonymous message */
#pt-anonuserpage,
#pt-tmpuserpage,
#pt-userpage a {
background-position: @background-position-nav-personal-icon;
background-image: url( images/user-avatar.svg );
background-repeat: no-repeat;
background-size: @background-size-nav-personal-icon @background-size-nav-personal-icon;
padding-top: 0.5em;
padding-left: 1.5em;
}
#pt-userpage {
padding-top: 0;
a {
display: inline-block;
}
}
/* Show anonymous "Not logged in" text in gray */
#pt-anonuserpage,
#pt-tmpuserpage {
color: #54595d;
}
.vector-menu-content-list {
display: flex;
flex-wrap: wrap;
flex-grow: 1;
justify-content: flex-end;
align-items: baseline;
}
}