Prevent long system contact names from wrapping in group call participant list
This commit is contained in:
parent
7c16b16ee0
commit
1d03b8e478
2 changed files with 7 additions and 2 deletions
|
@ -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;
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue