fix long zap comment text overflow (#344)

2023-02-21 10:57:53 -10:00
parent 88dc0647d7
commit e0dea32d6f
2 changed files with 9 additions and 1 deletions
--- a/packages/app/src/Element/Reactions.tsx
+++ b/packages/app/src/Element/Reactions.tsx
@ -113,7 +113,11 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
                    <ProfileImage
                      autoWidth={false}
                      pubkey={z.anonZap ? "" : z.zapper}
-                      subHeader={<>{z.content}</>}
+                      subHeader={
+                        <div className="f-ellipsis zap-comment" title={z.content}>
+                          {z.content}
+                        </div>
+                      }
                      overrideUsername={z.anonZap ? formatMessage({ defaultMessage: "Anonymous" }) : undefined}
                    />
                  </div>