src/nitro.less

@@ -8,7 +8,6 @@
 [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() { // 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;
     }
 

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

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