ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/right/management/ManageUser.tsx
View File

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

6
src/components/ui/ListItem.scss
View File

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