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/settings.less

@@ -108,12 +108,20 @@ 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-"] {
-    width: 100%;
+    flex-grow: 1;
   }
 }
 

src/style.less

@@ -4,27 +4,6 @@
 // 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
@@ -57,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-"],
@@ -144,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;
@@ -163,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); }
     }