bugfixes, old status icons

src/nitro.less

@@ -8,6 +8,7 @@
 [class*="perks-"],
 [class*="nitro"],
 [class^="upsell"],
+[class*="Upsell"],
 [class^="availabilityIndicator-"],
 div[class^="serverBoostTabItem-"],
 div[class*="hero"],

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;
     }
 

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); }
     }