Prevent long system contact names from wrapping in group call participant list

This commit is contained in:
trevor-signal 2023-08-21 15:24:22 -04:00 committed by GitHub
parent 7c16b16ee0
commit 1d03b8e478
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 2 deletions

View file

@ -4103,10 +4103,15 @@ button.module-image__border-overlay:focus {
margin-bottom: 16px;
}
&__avatar-and-name {
display: flex;
align-items: center;
max-width: 172px;
}
&__name {
display: inline-block;
margin-inline-start: 8px;
max-width: 130px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;

View file

@ -107,7 +107,7 @@ export const CallingParticipantsList = React.memo(
// participants who have joined on multiple devices.
key={index}
>
<div>
<div className="module-calling-participants-list__avatar-and-name">
<Avatar
acceptedMessageRequest={
participant.acceptedMessageRequest