mediawiki-skins-Vector/resources/skins.vector.styles/components/UserLinks.less

@import '../../common/variables.less';

.vector-user-links {
	display: flex;

	// Overrides personal menu styles for consolidated user links.
	.vector-user-menu.vector-menu-dropdown {
		h3:after {
			padding: 0.4em 0 0.4em 0;
			content: none;
		}

		.vector-menu-checkbox {
			&:hover + h3 {
				background-color: @colorGray14;
				border-radius: @border-radius-base;
			}
		}

		.vector-menu-content {
			top: 100%;
			left: unset;
			right: 0;
		}

		.vector-menu-content-list {
			justify-content: flex-start;

			li {
				// FIXME: the following font-size rule is for cached HTML. It can be removed when
				// I068c5233bb25a7b141e66a6726b5761841f83eb2 is in production.
				// stylelint-disable-next-line declaration-no-important
				font-size: 100% !important;
				width: 100%;

				&:hover {
					background-color: @colorGray14;
				}
			}

			li#pt-logout {
				border-top: 1px solid @border-color-base;
			}

			a,
			&:hover,
			&:visited {
				color: #000;
				text-decoration: none;
			}
		}
	}

	#p-user-page {
		li {
			padding-bottom: 0.5em;

			a {
				background-position: left center;
				padding-left: 1.5em;
			}
		}
	}
}