channel width

ClearVision · Dec 27, 2024 · 8d5eb98 · 8d5eb98
1 parent bf5321e
commit 8d5eb98
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 35 deletions.
diff --git a/lib/selectors/selectorPlaceholders.scss b/lib/selectors/selectorPlaceholders.scss
@@ -373,13 +373,13 @@
   @extend %channelsHeaderButton !optional;
 }
 .animatedContainer_fd6364 {
-  @extend %bannerAnimatedContainer !optional;
+  @extend %channelBannerAnimatedContainer !optional;
 }
 .bannerImage_fd6364 {
-  @extend %bannerImage !optional;
+  @extend %channelBanner !optional;
 }
-.bannerVisible_fd6364 {
-  @extend %bannerVisible !optional;
+.bannerImg_fd6364 {
+  @extend %channelBannerImage !optional;
 }
 .unread_edf32f {
   @extend %channelsUnreadIndicator !optional;

diff --git a/src/channels/channels.scss b/src/channels/channels.scss
@@ -1,42 +1,45 @@
 /* CHANNELS */
-%channelsSidebar {
-  width: cv('channels-width');
+html %appMount %channelsSidebar:not(%channelsSidebarHidden) {
+  width: cv('channels-width') !important;
   background: rgba(0, 0, 0, calc($bg-shading * 0.3));
-  %platformWin & {
-    border-radius: 0;
-  }
+}
+%platformWin %channelsSidebar {
+  border-radius: 0;
 }
 %themeDark %channelsContainer {
   background: transparent;
+}
 
-  // CHANNELS HEADER
-  %channelsHeader {
-    height: 48px;
-    color: #fff;
-    font-family: cv('font.main');
-    font-weight: 600;
-    text-shadow: 0 0 3px #000;
-    &:hover {
-      background-color: hsla(0, 0%, 100%, 0.1);
-    }
+// CHANNELS HEADER
+%channelsHeader {
+  height: 48px;
+  color: #fff;
+  font-family: cv('font.main');
+  font-weight: 600;
+  text-shadow: 0 0 3px #000;
+  &:hover {
+    background-color: hsla(0, 0%, 100%, 0.1);
   }
+}
 
-  // GUILD BANNER
-  %bannerAnimatedContainer {
-    background: transparent;
-    box-shadow: none;
-  }
-  %bannerImage {
-    width: cv('channels-width');
-    -webkit-mask: linear-gradient(to bottom, #000, transparent);
-    mask: linear-gradient(to bottom, #000, transparent);
-  }
-  %threadChannelConnector {
-    color: $main-color;
-  }
-  %threadChannelSpine {
-    background: $main-color;
-  }
+// GUILD BANNER
+%channelBannerAnimatedContainer {
+  background: transparent;
+  box-shadow: none;
+}
+%channelBanner {
+  width: cv('channels-width');
+  -webkit-mask: linear-gradient(to bottom, #000, transparent);
+  mask: linear-gradient(to bottom, #000, transparent);
+}
+%channelBannerImage {
+  width: cv('channels-width');
+}
+%threadChannelConnector {
+  color: $main-color;
+}
+%threadChannelSpine {
+  background: $main-color;
 }
 
 // SERVER BOOST