From 473f0dd8e3842d9e413331b29cad85a7913f9e94 Mon Sep 17 00:00:00 2001 From: Alexander Zinchuk Date: Tue, 31 Mar 2026 11:29:32 +0200 Subject: [PATCH] Avatar: Increase mini text size (#6807) Co-authored-by: Alexander Zinchuk --- src/components/common/Avatar.scss | 4 ++++ src/components/common/Avatar.tsx | 1 + 2 files changed, 5 insertions(+) diff --git a/src/components/common/Avatar.scss b/src/components/common/Avatar.scss index cbb3ff873..24f11c93f 100644 --- a/src/components/common/Avatar.scss +++ b/src/components/common/Avatar.scss @@ -27,6 +27,10 @@ font-family: var(--font-family-rounded); } + &.size-mini { + --_font-size: max(calc(var(--_size) / 2 - 2px), 0.625rem); + } + .emoji { width: var(--_font-size); height: var(--_font-size); diff --git a/src/components/common/Avatar.tsx b/src/components/common/Avatar.tsx index 500ca2497..b2f46b3b7 100644 --- a/src/components/common/Avatar.tsx +++ b/src/components/common/Avatar.tsx @@ -270,6 +270,7 @@ const Avatar = ({ const fullClassName = buildClassName( 'Avatar', className, + typeof size === 'string' && `size-${size}`, peerColorClass, !peer && text && 'hidden-user', isSavedMessages && 'saved-messages',