1
0
mirror of https://github.com/Unleash/unleash.git synced 2024-10-18 20:09:08 +02:00

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

## 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

View File

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