Hide unread avatar badge when there is live stream badge

Author: H7GhosT

src/components/autonomousDialogList/dialogs.ts

@@ -304,6 +304,8 @@ export class AutonomousDialogList extends AutonomousDialogListBase<Dialog> {
       const {canvas, startAnimation} = dom.callIcon = callIcon = groupCallActiveIcon(listEl.classList.contains('active'));
       canvas.classList.add('dialog-group-call-icon');
       listEl.append(canvas);
+
+      listEl.classList.add('has-group-call-icon');
       startAnimation();
     }
 
@@ -319,6 +321,7 @@ export class AutonomousDialogList extends AutonomousDialogListBase<Dialog> {
       onTransitionEnd: visible ? undefined : () => {
         dom.callIcon.canvas.remove();
         dom.callIcon = undefined;
+        listEl.classList.remove('has-group-call-icon');
       },
       useRafs: visible ? 2 : 0
     });

src/scss/partials/_chatlist.scss

@@ -280,12 +280,17 @@ ul.chatlist {
       }
     }
 
-    &:has(.avatar-badge) {
+    &:has(.avatar-badge), &.has-group-call-icon {
       .avatar-auto-delete-timer {
         transform: scale(0);
       }
     }
 
+    &.has-group-call-icon {
+      .avatar-badge {
+        opacity: 0;
+      }
+    }
 
     @include respond-to(not-handhelds) {
       &.active {
@@ -605,6 +610,10 @@ ul.chatlist {
         border: 2px solid var(--background, var(--surface-color));
         pointer-events: none;
         line-height: 23px !important;
+
+        @include animation-level(2) {
+           transition: opacity 0.2s;
+         }
       }
 
       &-reaction {