diff --git a/src/nitro.less b/src/nitro.less index 97f6922..2b84eb3 100644 --- a/src/nitro.less +++ b/src/nitro.less @@ -8,7 +8,6 @@ [class*="perks-"], [class*="nitro"], [class^="upsell"], -[class*="Upsell"], [class^="availabilityIndicator-"], div[class^="serverBoostTabItem-"], div[class*="hero"], diff --git a/src/profile.less b/src/profile.less index d62e746..c8d3742 100644 --- a/src/profile.less +++ b/src/profile.less @@ -24,7 +24,7 @@ div[class^="accountProfileCard-"] div[class^="userInfo-"] { [class^="profileBadges-"], { &:extend(.nitro); } } -.profile() { // banners +.profile() when (@no-banner = true) { div[class^="listItemContents-"] div[class^="userInfo"] { padding-top: 0; div[class^="avatar-"] { @@ -53,10 +53,6 @@ div[class^="accountProfileCard-"] div[class^="userInfo-"] { } .profile(); -div[class^="pencilContainer-"] { - z-index: 1; // fix edit button in profile -} - // Profile card in settings div[class^="accountProfileCard-"] { div[class^="field-"]:nth-child(1) { @@ -71,15 +67,15 @@ div[class^="accountProfileCard-"] { } } -div[class^="banner"] { +div[class^="banner-"] { position: absolute; width: inherit; - max-height: 72px; + max-height: 84px; &:extend(.rounder); - div[class^="profileBannerPreview-"] &, &[class*="popoutBanner"] { + position: relative; + max-height: 128px; .bottom-border(); - width: 100%; } } @@ -114,7 +110,7 @@ div[class^="focusLock-"]:not([aria-labelledby]) > div[class^="root-"][class*="sm div[class^="nameTag"] { width: 64px; position: absolute; - margin-top: -64px; + margin-top: -84px; margin-left: 130px; } diff --git a/src/settings.less b/src/settings.less index 3ec4f6b..e4ed5f6 100644 --- a/src/settings.less +++ b/src/settings.less @@ -108,20 +108,12 @@ div[class^="baseLayout-"] { #connections-tab div[class^="children-"] { flex-direction: row; - flex-flow: row wrap; div[class^="accountList-"] { margin-right: @div-width; - width: 33%; height: 100%; // decreases height? 0_0 - - // auto detect - & + div[class^="container-"] { - order: -1; - width: 100%; - } } div[class^="connectionList-"] { - flex-grow: 1; + width: 100%; } } diff --git a/src/style.less b/src/style.less index 4d7d095..e2d3ed7 100644 --- a/src/style.less +++ b/src/style.less @@ -4,6 +4,27 @@ // Space between sidebar and chat div[class^="sidebar-"] { 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 @@ -36,12 +57,6 @@ div[class^="role-"] { background: unset; } -div[class^="statusItem-"] foreignObject, -rect[class^="pointerEvents-"], -{ - mask: url(#svg-mask-status-online); -} - // Round // UI parts li[class^="channel-"], @@ -129,11 +144,6 @@ div[class^="attachedBars-"] { position: relative; } div[class^="channelTextArea-"] { - &[class*="channelTextAreaDisabled-"] - button[class^="attachButton-"] { - display: none; - } - & > div[class^="scrollableContainer-"] { background-color: unset; opacity: 1; @@ -153,12 +163,11 @@ div[class^="channelTextArea-"] { padding: 8px; width: auto; height: auto; - margin-right: 8px; } div[class^="textArea-"] { - &:not([class*="textAreaDisabled-"]) - { .right-border(); } + margin-left: 8px; + .right-border(); div > * { left: (@roundest / 2); } }