diff --git a/src/components/common/CustomEmoji.module.scss b/src/components/common/CustomEmoji.module.scss index a0f3fdaf2..0a3c4fb56 100644 --- a/src/components/common/CustomEmoji.module.scss +++ b/src/components/common/CustomEmoji.module.scss @@ -13,6 +13,8 @@ :global(.rlottie-canvas) { display: block; + width: 100% !important; + height: 100% !important; } } diff --git a/src/components/common/RankBadge.tsx b/src/components/common/RankBadge.tsx index 2d54e7e5a..9e52404ed 100644 --- a/src/components/common/RankBadge.tsx +++ b/src/components/common/RankBadge.tsx @@ -28,6 +28,7 @@ const RankBadge = ({ const { openRankModal } = getActions(); const lang = useLang(); const hasCustomColor = isOwner || isAdmin; + const isPlain = !hasCustomColor; const rankText = rank || (isOwner && lang('ChannelCreator')) || (isAdmin && lang('ChannelAdmin')); @@ -44,9 +45,10 @@ const RankBadge = ({ diff --git a/src/components/middle/message/_message-content.scss b/src/components/middle/message/_message-content.scss index b565a615b..2c60bd7da 100644 --- a/src/components/middle/message/_message-content.scss +++ b/src/components/middle/message/_message-content.scss @@ -335,6 +335,7 @@ .sender-title { overflow: hidden; + line-height: normal; text-overflow: ellipsis; } @@ -416,6 +417,10 @@ margin-right: -0.1875rem; } + .admin-title-plain { + padding-inline: 0.25rem; + } + .admin-title { font-size: 0.75rem; font-weight: var(--font-weight-normal);