Compare commits
2 commits
8c00a1628d
...
8d1bf41e37
Author | SHA1 | Date | |
---|---|---|---|
8d1bf41e37 | |||
2871447406 |
4 changed files with 34 additions and 30 deletions
|
@ -8,6 +8,7 @@
|
||||||
[class*="perks-"],
|
[class*="perks-"],
|
||||||
[class*="nitro"],
|
[class*="nitro"],
|
||||||
[class^="upsell"],
|
[class^="upsell"],
|
||||||
|
[class*="Upsell"],
|
||||||
[class^="availabilityIndicator-"],
|
[class^="availabilityIndicator-"],
|
||||||
div[class^="serverBoostTabItem-"],
|
div[class^="serverBoostTabItem-"],
|
||||||
div[class*="hero"],
|
div[class*="hero"],
|
||||||
|
|
|
@ -24,7 +24,7 @@ div[class^="accountProfileCard-"] div[class^="userInfo-"] {
|
||||||
[class^="profileBadges-"],
|
[class^="profileBadges-"],
|
||||||
{ &:extend(.nitro); }
|
{ &:extend(.nitro); }
|
||||||
}
|
}
|
||||||
.profile() when (@no-banner = true) {
|
.profile() { // banners
|
||||||
div[class^="listItemContents-"] div[class^="userInfo"] {
|
div[class^="listItemContents-"] div[class^="userInfo"] {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
div[class^="avatar-"] {
|
div[class^="avatar-"] {
|
||||||
|
@ -53,6 +53,10 @@ div[class^="accountProfileCard-"] div[class^="userInfo-"] {
|
||||||
}
|
}
|
||||||
.profile();
|
.profile();
|
||||||
|
|
||||||
|
div[class^="pencilContainer-"] {
|
||||||
|
z-index: 1; // fix edit button in profile
|
||||||
|
}
|
||||||
|
|
||||||
// Profile card in settings
|
// Profile card in settings
|
||||||
div[class^="accountProfileCard-"] {
|
div[class^="accountProfileCard-"] {
|
||||||
div[class^="field-"]:nth-child(1) {
|
div[class^="field-"]:nth-child(1) {
|
||||||
|
@ -67,15 +71,15 @@ div[class^="accountProfileCard-"] {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
div[class^="banner-"] {
|
div[class^="banner"] {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
max-height: 84px;
|
max-height: 72px;
|
||||||
&:extend(.rounder);
|
&:extend(.rounder);
|
||||||
|
div[class^="profileBannerPreview-"] &,
|
||||||
&[class*="popoutBanner"] {
|
&[class*="popoutBanner"] {
|
||||||
position: relative;
|
|
||||||
max-height: 128px;
|
|
||||||
.bottom-border();
|
.bottom-border();
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -110,7 +114,7 @@ div[class^="focusLock-"]:not([aria-labelledby]) > div[class^="root-"][class*="sm
|
||||||
div[class^="nameTag"] {
|
div[class^="nameTag"] {
|
||||||
width: 64px;
|
width: 64px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-top: -84px;
|
margin-top: -64px;
|
||||||
margin-left: 130px;
|
margin-left: 130px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -108,12 +108,20 @@ div[class^="baseLayout-"] {
|
||||||
|
|
||||||
#connections-tab div[class^="children-"] {
|
#connections-tab div[class^="children-"] {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
flex-flow: row wrap;
|
||||||
div[class^="accountList-"] {
|
div[class^="accountList-"] {
|
||||||
margin-right: @div-width;
|
margin-right: @div-width;
|
||||||
|
width: 33%;
|
||||||
height: 100%; // decreases height? 0_0
|
height: 100%; // decreases height? 0_0
|
||||||
|
|
||||||
|
// auto detect
|
||||||
|
& + div[class^="container-"] {
|
||||||
|
order: -1;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
div[class^="connectionList-"] {
|
div[class^="connectionList-"] {
|
||||||
width: 100%;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -4,27 +4,6 @@
|
||||||
// Space between sidebar and chat
|
// Space between sidebar and chat
|
||||||
div[class^="sidebar-"] {
|
div[class^="sidebar-"] {
|
||||||
margin-right: @div-width;
|
margin-right: @div-width;
|
||||||
|
|
||||||
&, li, li div {
|
|
||||||
transition: ease-out 0.25s;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:not(:hover) {
|
|
||||||
width: 48px;
|
|
||||||
overflow: hidden;
|
|
||||||
li {
|
|
||||||
margin-left: -4px;
|
|
||||||
div[class^="interactive-"] {
|
|
||||||
margin-left: 8px;
|
|
||||||
}
|
|
||||||
div[class^="layout-"] {
|
|
||||||
padding-left: 2px;
|
|
||||||
}
|
|
||||||
a + div[class^="children-"] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Old-school
|
// Old-school
|
||||||
|
@ -57,6 +36,12 @@ div[class^="role-"] {
|
||||||
background: unset;
|
background: unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div[class^="statusItem-"] foreignObject,
|
||||||
|
rect[class^="pointerEvents-"],
|
||||||
|
{
|
||||||
|
mask: url(#svg-mask-status-online);
|
||||||
|
}
|
||||||
|
|
||||||
// Round
|
// Round
|
||||||
// UI parts
|
// UI parts
|
||||||
li[class^="channel-"],
|
li[class^="channel-"],
|
||||||
|
@ -144,6 +129,11 @@ div[class^="attachedBars-"]
|
||||||
{ position: relative; }
|
{ position: relative; }
|
||||||
|
|
||||||
div[class^="channelTextArea-"] {
|
div[class^="channelTextArea-"] {
|
||||||
|
&[class*="channelTextAreaDisabled-"]
|
||||||
|
button[class^="attachButton-"] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
& > div[class^="scrollableContainer-"] {
|
& > div[class^="scrollableContainer-"] {
|
||||||
background-color: unset;
|
background-color: unset;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
@ -163,11 +153,12 @@ div[class^="channelTextArea-"] {
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
width: auto;
|
width: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div[class^="textArea-"] {
|
div[class^="textArea-"] {
|
||||||
margin-left: 8px;
|
&:not([class*="textAreaDisabled-"])
|
||||||
.right-border();
|
{ .right-border(); }
|
||||||
|
|
||||||
div > * { left: (@roundest / 2); }
|
div > * { left: (@roundest / 2); }
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue