Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-26 13:48:33 +02:00
Code Issues Projects Releases Wiki Activity

feat: overflow email when it's too long (#5801)

Browse Source 
## About the changes
For long emails we want to 
![Screenshot from 2024-01-09
10-29-42](https://github.com/Unleash/unleash/assets/455064/85305c41-25c3-4c54-8159-f9ce32adeb6c)


![image](https://github.com/Unleash/unleash/assets/455064/b1728aa0-eb93-44d9-ab65-e41d3fae0d2b)
This commit is contained in:
Gastón Fournier 2024-01-09 11:07:42 +01:00 committed by GitHub
parent 1333ea7d63
commit 72f84f0381
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/component/user/UserProfile/UserProfileContent/UserProfileContent.tsx
View File

@ -38,6 +38,10 @@ const StyledUserAvatar = styled(UserAvatar)(({ theme }) => ({
const StyledSubtitle = styled(Typography)(({ theme }) => ({ const StyledSubtitle = styled(Typography)(({ theme }) => ({
color: theme.palette.text.secondary, color: theme.palette.text.secondary,
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
maxWidth: theme.spacing(35),
})); }));
const StyledLink = styled(Link<typeof RouterLink | 'a'>)(({ theme }) => ({ const StyledLink = styled(Link<typeof RouterLink | 'a'>)(({ theme }) => ({
@ -94,7 +98,7 @@ export const UserProfileContent = ({
<Typography> <Typography>
{profile.name || profile.username} {profile.name || profile.username}
</Typography> </Typography>
<StyledSubtitle variant='body2'> <StyledSubtitle variant='body2' title={profile.email}>
{profile.email} {profile.email}
</StyledSubtitle> </StyledSubtitle>
</div> </div>