fix: speaking indicator layout shift — use box-shadow ring instead of container growth

2026-03-13 01:43:35 +01:00
parent cea18b19b5
commit 5f5433eb67
1 changed files with 2 additions and 0 deletions
@@ -36,6 +36,7 @@ export function VoiceChannel({ channelId, channelName, onClick, locked, dragStat
  const permissionMutedUserIds = useVoiceStore((s) => s.permissionMutedUserIds);
  const participantMutes = useVoiceStore((s) => s.participantMutes);
  const unwatchedCameras = useVoiceStore((s) => s.unwatchedCameras);
+  const speakingUserIds = useVoiceStore((s) => s.speakingUserIds);
  const currentUserId = useVoiceStore((s) => {
    const local = s.participants.find(p => p.isLocal);
    return local?.userId ?? null;
@@ -177,6 +178,7 @@ export function VoiceChannel({ channelId, channelName, onClick, locked, dragStat
                  status={status}
                  userId={member?.user.homeUserId ?? userId}
                  user={member?.user}
+                  className={speakingUserIds.has(userId) ? 'rounded-full ring-2 ring-status-online' : ''}
                />
                <span className="text-[13px] text-txt-secondary truncate flex-1 min-w-0">{displayName}</span>
                {/* Status badges */}