|
|
|
@ -4,7 +4,7 @@
|
|
|
|
|
[class^="badgeList-"], // modal profile page
|
|
|
|
|
{ &:extend(.nitro); }
|
|
|
|
|
}
|
|
|
|
|
.profile() { // banners
|
|
|
|
|
.profile() {
|
|
|
|
|
div[class^="listItemContents-"] div[class^="userInfo"] {
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
div[class^="avatar-"] {
|
|
|
|
@ -50,6 +50,10 @@
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.imageUploaderInner-IIRaFr {
|
|
|
|
|
background-color: unset;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.avatarPositionPremiumBanner-2nq2Fy {
|
|
|
|
|
top: 24px;
|
|
|
|
|
}
|
|
|
|
@ -67,8 +71,9 @@ div.accountProfileCard-lbN7n- {
|
|
|
|
|
div.constrainedRow-3y91Xf
|
|
|
|
|
{ &:extend(.hide); }
|
|
|
|
|
button {
|
|
|
|
|
top: -48pt;
|
|
|
|
|
left: 300pt;
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 16px;
|
|
|
|
|
top: 16px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -95,27 +100,14 @@ div.accountProfileCard-lbN7n- {
|
|
|
|
|
margin-top: 8px;
|
|
|
|
|
margin-left: -22px;
|
|
|
|
|
background-color: var(--background-tertiary);
|
|
|
|
|
.radius();
|
|
|
|
|
border-bottom-right-radius: 16px;
|
|
|
|
|
.radius() !important;
|
|
|
|
|
border-bottom-right-radius: 16px !important;
|
|
|
|
|
height: 32px;
|
|
|
|
|
padding-top: 4px;
|
|
|
|
|
padding-right: 4px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div[class^="banner"] {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: inherit;
|
|
|
|
|
max-height: 72px;
|
|
|
|
|
min-height: 0;
|
|
|
|
|
&:extend(.rounder);
|
|
|
|
|
div[class^="profileBannerPreview-"] &,
|
|
|
|
|
&[class*="popoutBanner"] {
|
|
|
|
|
.bottom-border();
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Redesigned profile page
|
|
|
|
|
div.root-8LYsGj {
|
|
|
|
|
flex-direction: row;
|
|
|
|
@ -132,6 +124,7 @@ div.root-8LYsGj {
|
|
|
|
|
div.headerTop-1PNKck {
|
|
|
|
|
position: unset;
|
|
|
|
|
justify-content: left;
|
|
|
|
|
margin-top: 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.nameTag-H6kSJ0 {
|
|
|
|
@ -167,8 +160,8 @@ div.root-8LYsGj {
|
|
|
|
|
&:hover, &.selected-g-kMVV {
|
|
|
|
|
border-right: 2px solid var(--interactive-active) !important;
|
|
|
|
|
}
|
|
|
|
|
.radius() !important;
|
|
|
|
|
.left-border(@round) !important;
|
|
|
|
|
.radius((@round / 4)) !important;
|
|
|
|
|
.left-border(@round) !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -178,7 +171,7 @@ div.root-8LYsGj {
|
|
|
|
|
}
|
|
|
|
|
div.profileBadges-2pItdR {
|
|
|
|
|
width: max-content;
|
|
|
|
|
.radius(8px);
|
|
|
|
|
.radius(@round);
|
|
|
|
|
padding: 2px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|