Merge branch 'fix/user-card-avatar-too-small' into 'develop'

Fix some Avatar related css bugs

See merge request pleroma/pleroma-fe!1215

3 files changed, 4 insertions, 4 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;
     }
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;
   }