smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-04-14 16:40:58 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: Truncate collaborator name in dropdown. (#7576)

Browse source
This commit is contained in:
Barnabás Molnár 2024-01-21 20:36:09 +01:00 • committed by GitHub
parent 1e7df58b5b
commit b66daae1f3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/excalidraw/actions/actionNavigate.tsx
View file

@ -57,7 +57,9 @@ export const actionGoToCollaborator = register({
isBeingFollowed={isBeingFollowed} isBeingFollowed={isBeingFollowed}
isCurrentUser={collaborator.isCurrentUser === true} isCurrentUser={collaborator.isCurrentUser === true}
/> />
<div className="UserList__collaborator-name">
{collaborator.username} {collaborator.username}
</div>
<div <div
className="UserList__collaborator-follow-status-icon" className="UserList__collaborator-follow-status-icon"
style={{ visibility: isBeingFollowed ? "visible" : "hidden" }} style={{ visibility: isBeingFollowed ? "visible" : "hidden" }}

6
packages/excalidraw/components/UserList.scss
View file

@ -51,6 +51,12 @@
color: var(--color-gray-100); color: var(--color-gray-100);
} }
.UserList__collaborator-name {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.UserList__collaborator-follow-status-icon { .UserList__collaborator-follow-status-icon {
margin-left: auto; margin-left: auto;
flex: 0 0 auto; flex: 0 0 auto;