Management: Fix text overflow on set custom photo button (#2937)

This commit is contained in:
Alexander Zinchuk 2023-04-06 08:21:04 +02:00
parent 05cbf60ccf
commit ae7662a152
2 changed files with 8 additions and 2 deletions

View File

@ -211,10 +211,10 @@ const ManageUser: FC<OwnProps & StateProps> = ({
{canSetPersonalPhoto && (
<div className="section">
<ListItem icon="camera-add" ripple onClick={handleSuggestPhoto}>
{lang('UserInfo.SuggestPhoto', user.firstName)}
<span className="list-item-ellipsis">{lang('UserInfo.SuggestPhoto', user.firstName)}</span>
</ListItem>
<ListItem icon="camera-add" ripple onClick={handleSetPersonalPhoto}>
{lang('UserInfo.SetCustomPhoto', user.firstName)}
<span className="list-item-ellipsis">{lang('UserInfo.SetCustomPhoto', user.firstName)}</span>
</ListItem>
{personalPhoto && (
<ListItem

View File

@ -449,3 +449,9 @@
}
}
}
.list-item-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}