From 06159101cf417e81e0a37217331b17460f9f800a Mon Sep 17 00:00:00 2001
From: Shpuld Shpuldson <shp@cock.li>
Date: Tue, 25 Aug 2020 11:33:38 +0300
Subject: [PATCH 1/2] fix avatar overwrite classes in usercard

---
 src/components/user_card/user_card.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 07fce79a..041bb80f 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -354,7 +354,7 @@
     align-items: flex-start;
     max-height: 56px;
 
-    .avatar {
+    .Avatar {
       flex: 1 0 100%;
       width: 56px;
       height: 56px;
@@ -364,7 +364,7 @@
     }
   }
 
-  &:hover .avatar {
+  &:hover .Avatar {
     --still-image-img: visible;
     --still-image-canvas: hidden;
   }

From f0ac40a42805ff8ae614bec4afd1c0cacd15c3dc Mon Sep 17 00:00:00 2001
From: Shpuld Shpuldson <shp@cock.li>
Date: Tue, 25 Aug 2020 11:40:02 +0300
Subject: [PATCH 2/2] change more animated gif avatars to work properly

---
 src/components/chat_message/chat_message.scss   | 2 +-
 src/components/notifications/notifications.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/chat_message/chat_message.scss b/src/components/chat_message/chat_message.scss
index 240beea4..7d4ff60c 100644
--- a/src/components/chat_message/chat_message.scss
+++ b/src/components/chat_message/chat_message.scss
@@ -2,7 +2,7 @@
 
 .chat-message-wrapper {
   &.hovered-message-chain {
-    .animated.avatar {
+    .animated.Avatar {
       canvas {
         display: none;
       }
diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
index 1bd91995..c6b2a5b5 100644
--- a/src/components/notifications/notifications.scss
+++ b/src/components/notifications/notifications.scss
@@ -39,7 +39,7 @@
   word-wrap: break-word;
   word-break: break-word;
 
-  &:hover .animated.avatar {
+  &:hover .animated.Avatar {
     canvas {
       display: none;
     }