From ae7662a152fae1c595f25069dc02af5126ddfd0f Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Thu, 6 Apr 2023 08:21:04 +0200
Subject: [PATCH] Management: Fix text overflow on set custom photo button
 (#2937)

---
 src/components/right/management/ManageUser.tsx | 4 ++--
 src/components/ui/ListItem.scss                | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/right/management/ManageUser.tsx b/src/components/right/management/ManageUser.tsx
index e99e35216..fa057c630 100644
--- a/src/components/right/management/ManageUser.tsx
+++ b/src/components/right/management/ManageUser.tsx
@@ -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
diff --git a/src/components/ui/ListItem.scss b/src/components/ui/ListItem.scss
index 452d5fb4a..ae289989b 100644
--- a/src/components/ui/ListItem.scss
+++ b/src/components/ui/ListItem.scss
@@ -449,3 +449,9 @@
     }
   }
 }
+
+.list-item-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}