fix: bring back focus styles

destinygg · Oct 22, 2024 · 144df6f · 144df6f
1 parent 71f9d5a
commit 144df6f
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 0 deletions.
diff --git a/assets/chat/css/messages/_base.scss b/assets/chat/css/messages/_base.scss
@@ -83,6 +83,10 @@ $link-color-map: (
       opacity: 1;
     }
   }
+
+  .focus & {
+    opacity: 0.3;
+  }
 }
 
 .pref-showtime .time {

diff --git a/assets/chat/css/messages/emote/_index.scss b/assets/chat/css/messages/emote/_index.scss
@@ -7,6 +7,17 @@
   text-indent: -999em;
 }
 
+.watching-focus:not(.focus) {
+  .msg-emote {
+    opacity: 0.3;
+
+    &.watching-same,
+    &.msg-highlight {
+      opacity: 1;
+    }
+  }
+}
+
 .pref-disableanimations {
   .emote,
   .emote:hover,

diff --git a/assets/chat/css/messages/pinned/_index.scss b/assets/chat/css/messages/pinned/_index.scss
@@ -48,6 +48,10 @@
   #unpin-btn .btn-icon {
     @include a.icon-background('../img/icon-unpin.svg');
   }
+
+  .focus & {
+    opacity: 1;
+  }
 }
 
 .onstreamchat {

diff --git a/assets/chat/css/messages/user/_death.scss b/assets/chat/css/messages/user/_death.scss
@@ -14,3 +14,14 @@
     @include a.msg-icon(-32px, -0px);
   }
 }
+
+.watching-focus:not(.focus) {
+  .msg-death {
+    opacity: 0.3;
+
+    &.watching-same,
+    &.msg-highlight {
+      opacity: 1;
+    }
+  }
+}
diff --git a/assets/chat/css/messages/user/_index.scss b/assets/chat/css/messages/user/_index.scss
@@ -17,6 +17,17 @@
   }
 }
 
+.watching-focus:not(.focus) {
+  .msg-user {
+    opacity: 0.3;
+
+    &.watching-same,
+    &.msg-highlight {
+      opacity: 1;
+    }
+  }
+}
+
 .pref-hideflairicons .features {
   display: none;
 }