Truncate account note in ProfileHoverCard

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
2024-04-28 21:13:48 +02:00
parent a83a871963
commit 096c005a94
1 changed files with 6 additions and 1 deletions
--- a/src/components/profile-hover-card.tsx
+++ b/src/components/profile-hover-card.tsx
@ -134,7 +134,12 @@ export const ProfileHoverCard: React.FC<IProfileHoverCard> = ({ visible = true }
            ) : null}

            {account.note.length > 0 && (
-              <Text size='sm' dangerouslySetInnerHTML={accountBio} />
+              <Text
+                truncate
+                size='sm'
+                dangerouslySetInnerHTML={accountBio}
+                className='mr-2 rtl:ml-2 rtl:mr-0 [&_br]:hidden [&_p:first-child]:inline [&_p:first-child]:truncate [&_p]:hidden'
+              />
            )}
          </Stack>