github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

[WEB-538] style: fix invite member icons in dropdown shrink when name is too large. (#3776)

Browse Source
This commit is contained in:
Prateek Shourya 2024-02-23 18:47:15 +05:30 committed by GitHub
parent 9c50ee39c3
commit 5c64933927
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/components/project/send-project-invitation-modal.tsx
View File

@ -148,11 +148,15 @@ export const SendProjectInvitationModal: React.FC<Props> = observer((props) => {
memberDetails?.member.last_name memberDetails?.member.last_name
} ${memberDetails?.member.display_name.toLowerCase()}`, } ${memberDetails?.member.display_name.toLowerCase()}`,
content: ( content: (
<div className="flex items-center gap-2"> <div className="flex w-full items-center gap-2">
<div className="flex-shrink-0 pt-0.5">
<Avatar name={memberDetails?.member.display_name} src={memberDetails?.member.avatar} /> <Avatar name={memberDetails?.member.display_name} src={memberDetails?.member.avatar} />
</div>
<div className="truncate">
{memberDetails?.member.display_name} ( {memberDetails?.member.display_name} (
{memberDetails?.member.first_name + " " + memberDetails?.member.last_name}) {memberDetails?.member.first_name + " " + memberDetails?.member.last_name})
</div> </div>
</div>
), ),
}; };
}); });