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 {

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

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