Fixed overflow in "all letters" button

[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / ui / userProfile.scss

.userProfileUser {
	.contentHeaderIcon a {
		display: block;
	}
	
	.contentDescription {
		margin-top: 20px;
	}
}

.userAvatarImage {
	background-color: #fff;
	border-radius: 50%;
}

.userAvatarList {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -10px;
	
	> li {
		flex: 0 0 48px;
		margin-bottom: 10px;
		text-align: center;
		
		&:not(:last-child) {
			margin-right: -12px;
		}
		
		> a {
			display: block;
			
			> img {
				padding: 2px;
			}
		}
	}
}

.userList {
	.box48 {
		align-items: center;
	}
}

.likeList {
	> .likeTypeSelection {
		text-align: right;
		
		&:hover {
			background-color: transparent;
		}
		
		> .buttonGroup {
			display: inline-flex;
			
			&:not(:first-child) {
				margin-left: 5px;
			}
		}
	}
}

/* using `dl` + `.inlineDataList` to prevent styles applied to the
   data list provided by the `userInformation` template */
.userProfilePreview dl.inlineDataList {
	margin-top: 10px;
	
	@include wcfFontSmall;
}