fix unreads

ClearVision · Jul 7, 2023 · ed90377 · ed90377
1 parent bf5cf31
commit ed90377
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 16 deletions.
diff --git a/lib/selectors/selectorPlaceholders.scss b/lib/selectors/selectorPlaceholders.scss
@@ -295,7 +295,10 @@
   @extend %channelWrapperMuted !optional;
 }
 .link-1_kTxV {
-  @extend %channelContent !optional;
+  @extend %channelLink !optional;
+}
+.linkTop-1W1aK6 {
+  @extend %channelLinkTop !optional;
 }
 .icon-2W8DHg {
   @extend %channelIcon !optional;

diff --git a/src/channels/channels.scss b/src/channels/channels.scss
@@ -40,10 +40,10 @@
 }
 
 // CHANNEL CONTENT
-%channelContent {
+%channelLink {
   transition: all 0.15s ease-in-out;
 }
-%channelContent {
+%channelLink {
   position: relative;
   background: transparent !important;
   &:before {
@@ -99,11 +99,11 @@
 %channelWrapper {
   // HOVER
   &:hover {
-    %channelContent {
+    %channelLink {
       &:before {
         background: hsla(0, 0%, 100%, 0.1);
       }
-      %channelMain {
+      %channelLinkTop {
         %channelContainerDefault & {
           %channelIcon,
           %channelName {
@@ -115,8 +115,8 @@
   }
   // UNREAD
   &%channelWrapperUnread {
-    %channelContent {
-      %channelMain {
+    %channelLink {
+      %channelLinkTop {
         %channelName {
           color: var(--channel-unread);
           text-shadow: 0 0 3px;
@@ -129,8 +129,8 @@
       }
     }
     &:hover {
-      %channelContent {
-        %channelMain {
+      %channelLink {
+        %channelLinkTop {
           %channelName {
             color: var(--channel-text-selected);
           }
@@ -143,7 +143,7 @@
   }
   // SELECTED
   &%channelWrapperSelected {
-    %channelContent {
+    %channelLink {
       &:before {
         background: hsla(0, 0%, 100%, 0.1);
       }
@@ -176,8 +176,8 @@
 
   // CONNECTED
   &%channelWrapperConnected {
-    %channelContent {
-      %channelMain {
+    %channelLink {
+      %channelLinkTop {
         %channelName {
           color: $main-color;
           text-shadow: 0 0 3px;
@@ -191,17 +191,17 @@
   }
   // MUTED
   &%channelWrapperMuted {
-    %channelContent {
-      %channelMain {
+    %channelLink {
+      %channelLinkTop {
         %channelIcon,
         %channelName {
           color: var(--muted-color);
         }
       }
     }
     &:hover {
-      %channelContent {
-        %channelMain {
+      %channelLink {
+        %channelLinkTop {
           &:before {
             background: hsla(0, 0%, 100%, 0.07);
           }