diskort/src/profile.less

217 lines
3.8 KiB
Plaintext

.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;
}
}
div.customStatus-3Bvsdb,
div.memberSinceContainer-3biwiY {
display: flex;
justify-content: center;
}
// fixes
div.section-3FmfOT.section--1D3ev {
padding: 12px;
}
div.overlayBackground-1KgwVi {
margin: 24px 0 0 0;
// padding-right: 8px;
background: none;
& > div.section-3FmfOT:first-child {
// nick
margin: 0 auto;
padding: 4px 0;
}
div.scroller-1jBQYo {
display: grid;
h3
{ &:extend(.hide); }
& > .section-3FmfOT:nth-child(2) {
order: -1;
}
}
.customizationSection-IGy2fS .userPopoutInner-1hXSeY & {
// in settings
padding-right: 0;
margin-top: -8px;
}
}
div.status-b9jLr4 {
position: relative;
top: -24px;
left: 56px;
}
.profileBadges-31rDHI {
background: unset;
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 {
max-width: unset;
width: 100%;
}
#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%;
}