Add ellipsis for long contact names

2024-02-26 16:58:07 -08:00 · 2024-02-26 16:58:07 -08:00 · 51069dd3e0
commit 51069dd3e0
parent d5d932d5a3
2 changed files with 14 additions and 5 deletions
--- a/ts/components/conversation/ContactModal.tsx
+++ b/ts/components/conversation/ContactModal.tsx
@ -247,7 +247,9 @@ export function ContactModal({
                toggleAboutContactModal(contact.id);
              }}
            >
-              <UserText text={contact.title} />
+              <div className="ContactModal__name__text">
+                <UserText text={contact.title} />
+              </div>
              <i className="ContactModal__name__chevron" />
            </button>
            {!contact.isMe && (