mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
stylesheets/_modules.scss
View file

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

2
ts/components/CallingParticipantsList.tsx
View file

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