fix: remove scrolling animation from long usernames in event bar

destinygg · Dec 2, 2024 · e96d32f · e96d32f
1 parent 7c82683
commit e96d32f
Showing 1 changed file with 1 addition and 14 deletions.
diff --git a/assets/chat/css/chat/event-bar/_event-bar-event.scss b/assets/chat/css/chat/event-bar/_event-bar-event.scss
@@ -27,6 +27,7 @@
     margin-right: a.$gutter-xs;
     max-width: 12ch;
     overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   .event-icon {
@@ -55,8 +56,6 @@
   .user {
     font-weight: 500;
     color: a.$color-label-user;
-    display: inline-block;
-    animation: scrolling-event-username 12s linear 3s infinite;
     word-wrap: normal;
 
     &::before {
@@ -135,15 +134,3 @@
     opacity: 0;
   }
 }
-
-@keyframes scrolling-event-username {
-  25%,
-  50% {
-    transform: translateX(calc(-1 * max(0px, 100% - 12ch)));
-  }
-
-  75%,
-  100% {
-    transform: translateX(0%);
-  }
-}