ProfileInfoPanel: truncate long username while loading

2023-05-02 13:09:58 -05:00 · 2023-05-02 13:09:58 -05:00 · ca2dffd9c3
commit ca2dffd9c3
--- a/app/soapbox/features/ui/components/profile-info-panel.tsx
+++ b/app/soapbox/features/ui/components/profile-info-panel.tsx
@ -120,7 +120,7 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
        <Stack space={2}>
          <Stack>
            <HStack space={1} alignItems='center'>
-              <Text size='sm' theme='muted' direction='ltr'>
+              <Text size='sm' theme='muted' direction='ltr' truncate>
                @{username}
              </Text>
            </HStack>