public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix overflow (#11320) 

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
pull/11326/head
sean-brydon 2023-09-12 22:46:18 +01:00 committed by GitHub
parent 9c7f655329
commit 8ff07807f9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/features/ee/teams/components/AddNewTeamMembers.tsx
View File

@ -240,9 +240,9 @@ const PendingMemberItem = (props: { member: TeamMember; index: number; teamId: n
index !== 0 && "border-subtle border-t" index !== 0 && "border-subtle border-t"
)} )}
data-testid="pending-member-item"> data-testid="pending-member-item">
<div className="flex space-x-2 rtl:space-x-reverse"> <div className="mr-4 flex max-w-full space-x-2 overflow-hidden rtl:space-x-reverse">
<Avatar size="mdLg" imageSrc={bookerUrl + "/" + member.username + "/avatar.png"} alt="owner-avatar" /> <Avatar size="mdLg" imageSrc={bookerUrl + "/" + member.username + "/avatar.png"} alt="owner-avatar" />
<div> <div className="max-w-full overflow-hidden">
<div className="flex space-x-1"> <div className="flex space-x-1">
<p>{member.name || member.email || t("team_member")}</p> <p>{member.name || member.email || t("team_member")}</p>
{/* Assume that the first member of the team is the creator */} {/* Assume that the first member of the team is the creator */}
@ -252,9 +252,9 @@ const PendingMemberItem = (props: { member: TeamMember; index: number; teamId: n
{member.role === "ADMIN" && <Badge variant="default">{t("admin")}</Badge>} {member.role === "ADMIN" && <Badge variant="default">{t("admin")}</Badge>}
</div> </div>
{member.username ? ( {member.username ? (
<p className="text-default">{`${WEBAPP_URL}/${member.username}`}</p> <p className="text-default truncate">{`${WEBAPP_URL}/${member.username}`}</p>
) : ( ) : (
<p className="text-default">{t("not_on_cal", { appName: APP_NAME })}</p> <p className="text-default truncate">{t("not_on_cal", { appName: APP_NAME })}</p>
)} )}
</div> </div>
</div> </div>