2022-03-27 08:35:11 +00:00
|
|
|
div[class^="accountProfileCard-"] div[class^="userInfo-"] {
|
2022-03-24 16:19:00 +00:00
|
|
|
// settings
|
|
|
|
justify-content: left;
|
2022-03-26 17:48:55 +00:00
|
|
|
padding-top: 24px;
|
|
|
|
height: 56px;
|
2022-03-24 16:19:00 +00:00
|
|
|
|
|
|
|
button {
|
|
|
|
margin-left: 32px;
|
|
|
|
margin-top: -8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
div[class^="avatar-"] {
|
2022-04-08 18:24:54 +00:00
|
|
|
background-color: var(--background-tertiary) !important;
|
2022-03-26 17:48:55 +00:00
|
|
|
top: 0;
|
|
|
|
border-radius: 0 !important;
|
|
|
|
border-bottom-right-radius: 50% !important;
|
2022-03-24 16:19:00 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
div[class^="listItemContents-"] div[class^="userInfo"] {
|
|
|
|
padding-top: 0;
|
|
|
|
div[class^="avatar-"] {
|
|
|
|
top: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
div[class^="userPopout-"] {
|
|
|
|
div[class^="avatarWrapper"] {
|
|
|
|
top: 8px; // fix divider bug
|
|
|
|
}
|
|
|
|
|
|
|
|
div[class^="headerTop-"] {
|
|
|
|
padding-top: 72px; // also fix divider bug
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
div[class^="profileBanner"] div[class*="avatar"]:not([class^="imageUploaderInner"]) {
|
|
|
|
margin-left: -8px;
|
|
|
|
margin-top: -8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
div[class^="headerTop-"] div[class^="headerText"] {
|
|
|
|
margin-left: 96px; // fix nickname
|
|
|
|
}
|
|
|
|
|
|
|
|
div[class^="avatarWrapper-"] {
|
|
|
|
margin-right: auto; // fix aligment (bottom of sidebar)
|
|
|
|
}
|
|
|
|
|
|
|
|
header div[class^="nameTagWithCustomStatus-"],
|
|
|
|
header div[class^="nameTagNoCustomStatus-"] {
|
|
|
|
margin-bottom: 48px; // some space under avatar
|
|
|
|
margin-left: 160px; // after avatar, not before
|
|
|
|
}
|
2022-04-01 18:34:22 +00:00
|
|
|
|
|
|
|
// Redesigned profile page
|
2022-04-02 09:56:03 +00:00
|
|
|
div[class^="focusLock-"]:not([aria-labelledby]) > div[class^="root-"][class*="small-"] {
|
2022-04-01 18:34:22 +00:00
|
|
|
flex-direction: row;
|
2022-04-08 18:24:54 +00:00
|
|
|
|
2022-04-01 18:34:22 +00:00
|
|
|
header {
|
2022-04-01 18:53:24 +00:00
|
|
|
width: 260px;
|
2022-04-01 18:34:22 +00:00
|
|
|
margin: 24px;
|
|
|
|
|
|
|
|
div[class^="avatar-"] {
|
|
|
|
top: 0; left: 0;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
div[class^="headerTop-"] {
|
|
|
|
position: unset;
|
|
|
|
justify-content: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
div[class^="nameTag"] {
|
|
|
|
width: 64px;
|
|
|
|
position: absolute;
|
|
|
|
margin-top: -84px;
|
|
|
|
margin-left: 130px;
|
|
|
|
}
|
|
|
|
|
|
|
|
div[class^="customStatus"] {
|
|
|
|
margin-top: 16px;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
}
|
2022-04-02 09:56:03 +00:00
|
|
|
div[class^="body-"] {
|
2022-04-08 18:24:54 +00:00
|
|
|
border: none;
|
2022-04-02 09:56:03 +00:00
|
|
|
margin-left: 16px;
|
|
|
|
height: 370px;
|
|
|
|
& > *
|
|
|
|
{ padding: 0 !important; }
|
|
|
|
}
|
2022-04-01 18:34:22 +00:00
|
|
|
div[class^="tabBarContainer"]
|
|
|
|
{ border: none; }
|
|
|
|
div[class^="tabBar-"] {
|
|
|
|
flex-direction: column;
|
|
|
|
height: unset;
|
|
|
|
margin: 8px;
|
|
|
|
}
|
2022-04-02 09:56:03 +00:00
|
|
|
|
|
|
|
div[class^="tabBarItem-"] {
|
|
|
|
margin-right: 0;
|
|
|
|
border-bottom: unset;
|
|
|
|
&:hover, &[class*="selected-"] {
|
|
|
|
border-right: 2px solid var(--interactive-active);
|
|
|
|
}
|
|
|
|
.top-border();
|
|
|
|
.left-border(@round);
|
2022-04-01 18:34:22 +00:00
|
|
|
}
|
|
|
|
}
|