192 lines
3.5 KiB
Text
192 lines
3.5 KiB
Text
|
|
.profile() when (@no-nitro = true) {
|
|
[class^="botTagVerified-"],
|
|
[class^="badgeList-"], // modal profile page
|
|
{ &:extend(.nitro); }
|
|
}
|
|
.profile() {
|
|
div[class^="listItemContents-"] div[class^="userInfo"] {
|
|
padding-top: 0;
|
|
div[class^="avatar-"] {
|
|
top: 0;
|
|
}
|
|
}
|
|
// fixes
|
|
div.overlayBackground-arbZMT,
|
|
div.overlayBackground-H1K9ZY {
|
|
margin: 8px 0 0 0;
|
|
background: none;
|
|
padding-right: 8px;
|
|
}
|
|
div.overlayBackground-H1K9ZY {
|
|
// in settings
|
|
padding-right: 0;
|
|
margin-top: -8px;
|
|
|
|
div.section-3FmfOT:first-child {
|
|
// nick
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
div.status-b9jLr4 {
|
|
position: relative;
|
|
top: -32px;
|
|
left: calc(50% + 8px);
|
|
}
|
|
|
|
.profileBadges-2pItdR,
|
|
.profileBadges-31rDHI {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
justify-content: left;
|
|
position: absolute;
|
|
right: 0;
|
|
left: 8px;
|
|
}
|
|
|
|
div.avatarWrapper-3y0KZ1,
|
|
div.avatarUploader-CHGwK7 {
|
|
position: relative;
|
|
left: 0;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
div.imageUploaderInner-IIRaFr {
|
|
background-color: unset;
|
|
}
|
|
|
|
div.avatarPositionPremiumBanner-2nq2Fy {
|
|
top: 24px;
|
|
}
|
|
}
|
|
.profile();
|
|
|
|
div[class^="pencilContainer-"] {
|
|
z-index: 1; // fix edit button in profile
|
|
}
|
|
|
|
// Profile card in settings
|
|
div.accountProfileCard-lbN7n- {
|
|
div.field-21XZwa:first-child {
|
|
height: 0;
|
|
div.constrainedRow-3y91Xf
|
|
{ &:extend(.hide); }
|
|
button {
|
|
position: absolute;
|
|
right: 16px;
|
|
top: 16px;
|
|
}
|
|
}
|
|
|
|
div.userInfo-regn9W {
|
|
justify-content: left;
|
|
padding-top: 24px;
|
|
height: 56px;
|
|
|
|
button {
|
|
margin-left: 32px;
|
|
margin-top: -8px;
|
|
}
|
|
}
|
|
|
|
div.avatar-3mTjvZ {
|
|
background-color: var(--background-tertiary) !important;
|
|
.radius();
|
|
border-bottom-right-radius: 16px;
|
|
top: 0;
|
|
}
|
|
|
|
div.container-1gYwHN {
|
|
width: max-content;
|
|
margin-top: 8px;
|
|
margin-left: -22px;
|
|
background-color: var(--background-tertiary);
|
|
.radius() !important;
|
|
border-bottom-right-radius: 16px !important;
|
|
height: 32px;
|
|
padding-top: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
}
|
|
|
|
// Redesigned profile page
|
|
div.root-8LYsGj {
|
|
flex-direction: row;
|
|
|
|
div.topSection-13QKHs {
|
|
width: 260px;
|
|
margin: 24px;
|
|
|
|
div.avatar-3QF_VA {
|
|
top: 0; left: 0;
|
|
position: relative;
|
|
}
|
|
|
|
div.headerTop-1PNKck {
|
|
position: unset;
|
|
justify-content: left;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
div.nameTag-H6kSJ0 {
|
|
width: 64px;
|
|
position: absolute;
|
|
margin-top: -64px;
|
|
margin-left: 130px;
|
|
}
|
|
|
|
div.customStatus-kFfkj5 {
|
|
margin-top: 16px;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.connectedAccountsColumn-1zdyyx + .connectedAccountsColumn-1zdyyx
|
|
{ margin: 0; }
|
|
|
|
.connectedAccounts-2R5M4w {
|
|
flex-direction: column;
|
|
}
|
|
|
|
div.body-1Ukv50 {
|
|
border: none;
|
|
height: 370px;
|
|
max-width: 100%;
|
|
& > *
|
|
{ padding: 0 !important; }
|
|
}
|
|
div.tabBarContainer-sCZC4w {
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
div.tabBar-2hXqzU {
|
|
flex-direction: column;
|
|
height: unset;
|
|
margin: 8px;
|
|
}
|
|
|
|
div.tabBarItem-30Te4- {
|
|
margin-right: 0;
|
|
border-bottom: unset;
|
|
&:hover, &.selected-g-kMVV {
|
|
border-right: 2px solid var(--interactive-active) !important;
|
|
}
|
|
.radius((@round / 4)) !important;
|
|
.left-border(@round) !important;
|
|
}
|
|
}
|
|
|
|
#account-info {
|
|
div.headerTop-3GPUSF {
|
|
padding-top: 108px;
|
|
}
|
|
div.profileBadges-2pItdR {
|
|
width: max-content;
|
|
.radius(@round);
|
|
padding: 2px;
|
|
}
|
|
}
|
|
|
|
#account-avatar div.avatarWrapperNormal-ahVUaC {
|
|
left: 35%;
|
|
}
|
|
|