fix: remove some performance-impacting css properties

destinygg · Jul 15, 2024 · 7624724 · 7624724
1 parent 19d966e
commit 7624724
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/assets/chat/css/style.scss b/assets/chat/css/style.scss
@@ -273,8 +273,6 @@ hr {
 .chat-lines {
   font-family: $chat-lines-font;
   line-height: 1.65em;
-  backface-visibility: hidden;
-  perspective: 1000px;
   outline: 0 !important;
 }
 
@@ -309,7 +307,6 @@ hr {
   .chat-user {
     cursor: pointer;
     position: relative;
-    z-index: 120;
   }
   .chat-user:hover {
     text-decoration: underline;
@@ -329,7 +326,6 @@ hr {
   .externallink {
     color: $color-link;
     position: relative;
-    z-index: 120;
   }
   .externallink:visited {
     color: $color-link-visited;
@@ -568,7 +564,6 @@ hr {
 
   .event-wrapper {
     border-radius: 10px;
-    overflow: hidden;
   }
 
   .event-top {
@@ -577,6 +572,13 @@ hr {
     background-color: $color-chat-emphasize;
     justify-content: space-between;
     align-items: center;
+    border-top-right-radius: 10px;
+    border-top-left-radius: 10px;
+
+    &.no-bottom {
+      border-bottom-right-radius: 10px;
+      border-bottom-left-radius: 10px;
+    }
   }
 
   .event-icon {
@@ -594,6 +596,8 @@ hr {
   .event-bottom {
     padding: $gutter-xs $gutter-md * 2 $gutter-xs $gutter-md;
     background-color: $color-chat-bg;
+    border-bottom-right-radius: 10px;
+    border-bottom-left-radius: 10px;
   }
 
   .user {
@@ -948,7 +952,6 @@ hr {
   }
 }
 .emote {
-  z-index: 1;
   display: inline-block;
   position: relative;
   overflow: hidden;

diff --git a/assets/chat/js/messages/ChatEventMessage.js b/assets/chat/js/messages/ChatEventMessage.js
@@ -27,6 +27,7 @@ export default class ChatEventMessage extends ChatMessage {
         this.buildMessageTxt(chat);
     } else {
       eventTemplate.querySelector('.event-bottom').remove();
+      eventTemplate.querySelector('.event-top').classList.toggle('no-bottom');
     }
 
     return eventTemplate;