ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Message Context Menu: Fix jumping width (#1758)

Browse Source
This commit is contained in:
Alexander Zinchuk 2022-03-11 13:51:20 +01:00
parent bd507a328f
commit bd2d21581d
2 changed files with 24 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/middle/message/MessageContextMenu.scss
View File

@ -29,7 +29,13 @@
} }
&--seen-by { &--seen-by {
min-width: 14rem; max-width: 14rem;
}
&--seen-by-label {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
} }
.avatars { .avatars {

29
src/components/middle/message/MessageContextMenu.tsx
View File

@ -255,18 +255,23 @@ const MessageContextMenu: FC<OwnProps> = ({
onClick={canShowReactionsCount ? onShowReactors : onShowSeenBy} onClick={canShowReactionsCount ? onShowReactors : onShowSeenBy}
disabled={!canShowReactionsCount && !message.seenByUserIds?.length} disabled={!canShowReactionsCount && !message.seenByUserIds?.length}
> >
{canShowReactionsCount && message.reactors?.count ? ( <span className="MessageContextMenu--seen-by-label">
canShowSeenBy && message.seenByUserIds?.length {canShowReactionsCount && message.reactors?.count ? (
? lang('Chat.OutgoingContextMixedReactionCount', [message.reactors.count, message.seenByUserIds.length]) canShowSeenBy && message.seenByUserIds?.length
: lang('Chat.ContextReactionCount', message.reactors.count, 'i') ? lang(
) : ( 'Chat.OutgoingContextMixedReactionCount',
message.seenByUserIds?.length === 1 && seenByRecentUsers [message.reactors.count, message.seenByUserIds.length],
? getUserFullName(seenByRecentUsers[0]) )
: (message.seenByUserIds?.length : lang('Chat.ContextReactionCount', message.reactors.count, 'i')
? lang('Conversation.ContextMenuSeen', message.seenByUserIds.length, 'i') ) : (
: lang('Conversation.ContextMenuNoViews') message.seenByUserIds?.length === 1 && seenByRecentUsers
) ? getUserFullName(seenByRecentUsers[0])
)} : (message.seenByUserIds?.length
? lang('Conversation.ContextMenuSeen', message.seenByUserIds.length, 'i')
: lang('Conversation.ContextMenuNoViews')
)
)}
</span>
<div className="avatars"> <div className="avatars">
{seenByRecentUsers?.map((user) => ( {seenByRecentUsers?.map((user) => (
<Avatar <Avatar