diff --git a/src/nitro.less b/src/nitro.less index 2b84eb3..97f6922 100644 --- a/src/nitro.less +++ b/src/nitro.less @@ -8,6 +8,7 @@ [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 c8d3742..d62e746 100644 --- a/src/profile.less +++ b/src/profile.less @@ -24,7 +24,7 @@ div[class^="accountProfileCard-"] div[class^="userInfo-"] { [class^="profileBadges-"], { &:extend(.nitro); } } -.profile() when (@no-banner = true) { +.profile() { // banners div[class^="listItemContents-"] div[class^="userInfo"] { padding-top: 0; div[class^="avatar-"] { @@ -53,6 +53,10 @@ 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) { @@ -67,15 +71,15 @@ div[class^="accountProfileCard-"] { } } -div[class^="banner-"] { +div[class^="banner"] { position: absolute; width: inherit; - max-height: 84px; + max-height: 72px; &:extend(.rounder); + div[class^="profileBannerPreview-"] &, &[class*="popoutBanner"] { - position: relative; - max-height: 128px; .bottom-border(); + width: 100%; } } @@ -110,7 +114,7 @@ div[class^="focusLock-"]:not([aria-labelledby]) > div[class^="root-"][class*="sm div[class^="nameTag"] { width: 64px; position: absolute; - margin-top: -84px; + margin-top: -64px; margin-left: 130px; } diff --git a/src/style.less b/src/style.less index 2a0e685..4d7d095 100644 --- a/src/style.less +++ b/src/style.less @@ -36,6 +36,12 @@ div[class^="role-"] { background: unset; } +div[class^="statusItem-"] foreignObject, +rect[class^="pointerEvents-"], +{ + mask: url(#svg-mask-status-online); +} + // Round // UI parts li[class^="channel-"], @@ -123,6 +129,11 @@ div[class^="attachedBars-"] { position: relative; } div[class^="channelTextArea-"] { + &[class*="channelTextAreaDisabled-"] + button[class^="attachButton-"] { + display: none; + } + & > div[class^="scrollableContainer-"] { background-color: unset; opacity: 1; @@ -142,11 +153,12 @@ div[class^="channelTextArea-"] { padding: 8px; width: auto; height: auto; + margin-right: 8px; } div[class^="textArea-"] { - margin-left: 8px; - .right-border(); + &:not([class*="textAreaDisabled-"]) + { .right-border(); } div > * { left: (@roundest / 2); } }