Chat: Fix online color when selected (#3420)

Simplify Avatars follow-up

src/components/left/main/Chat.scss

@@ -27,7 +27,7 @@
 
   &:hover,
   &.ListItem.has-menu-open {
-    .Avatar.online::after {
+    .avatar-online {
       border-color: var(--color-chat-hover);
     }
 
@@ -58,7 +58,7 @@
     &.selected {
       --background-color: var(--color-chat-hover) !important;
 
-      .Avatar.online::after {
+      .avatar-online {
         border-color: var(--color-chat-hover);
       }
 
@@ -82,9 +82,9 @@
         --color-checkmark: var(--color-primary)
       }
 
-      .Avatar.online::after {
+      .avatar-online {
         border-color: var(--color-chat-active) !important;
-        background: var(--color-white);
+        background-color: var(--color-white);
       }
 
       .ChatCallStatus {
@@ -222,6 +222,7 @@
         transition: opacity var(--layer-transition);
       }
     }
+  }
 
   .avatar-online {
     position: absolute;
@@ -243,7 +244,6 @@
       transform: scale(1);
     }
   }
-  }
 
   .info {
     transition: opacity 300ms ease, transform var(--layer-transition);

src/components/left/search/ChatMessage.scss

@@ -2,12 +2,6 @@
   &:first-child {
     margin-top: 0.5rem;
   }
-  &:hover,
-  &.selected {
-    .Avatar.online::after {
-      border-color: var(--color-chat-hover);
-    }
-  }
 
   .ListItem-button {
     padding: 0.25rem 0.5rem;