admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix issue 2130: text overflow on setting member page (#2192)

Browse Source
This commit is contained in:
David Pham
2023-10-23 17:42:22 +07:00
committed by GitHub
parent 28e9b16ee6
commit f94886d150
1 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
front/src/modules/workspace/components/WorkspaceMemberCard.tsx
View File

@ -1,5 +1,6 @@
import styled from '@emotion/styled'; import styled from '@emotion/styled';
import { OverflowingTextWithTooltip } from '@/ui/display/tooltip/OverflowingTextWithTooltip';
import { Avatar } from '@/users/components/Avatar'; import { Avatar } from '@/users/components/Avatar';
import { User } from '~/generated/graphql'; import { User } from '~/generated/graphql';
@ -20,10 +21,7 @@ const StyledContent = styled.div`
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
margin-left: ${({ theme }) => theme.spacing(3)}; margin-left: ${({ theme }) => theme.spacing(3)};
`; overflow: auto;
const StyledNameText = styled.span`
color: ${({ theme }) => theme.font.color.primary};
`; `;
const StyledEmailText = styled.span` const StyledEmailText = styled.span`
@ -53,7 +51,7 @@ export const WorkspaceMemberCard = ({
size="xl" size="xl"
/> />
<StyledContent> <StyledContent>
<StyledNameText>{workspaceMember.user.displayName}</StyledNameText> <OverflowingTextWithTooltip text={workspaceMember.user.displayName} />
<StyledEmailText>{workspaceMember.user.email}</StyledEmailText> <StyledEmailText>{workspaceMember.user.email}</StyledEmailText>
</StyledContent> </StyledContent>