mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
[WEB-538] style: fix invite member icons in dropdown shrink when name is too large. (#3776)
This commit is contained in:
parent
9c50ee39c3
commit
5c64933927
@ -148,10 +148,14 @@ 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">
|
||||||
<Avatar name={memberDetails?.member.display_name} src={memberDetails?.member.avatar} />
|
<div className="flex-shrink-0 pt-0.5">
|
||||||
{memberDetails?.member.display_name} (
|
<Avatar name={memberDetails?.member.display_name} src={memberDetails?.member.avatar} />
|
||||||
{memberDetails?.member.first_name + " " + memberDetails?.member.last_name})
|
</div>
|
||||||
|
<div className="truncate">
|
||||||
|
{memberDetails?.member.display_name} (
|
||||||
|
{memberDetails?.member.first_name + " " + memberDetails?.member.last_name})
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
),
|
),
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user