Dylan/excalidraw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

4
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}
/> />
{collaborator.username} <div className="UserList__collaborator-name">
{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;