moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ProfileInfoPanel: fix long usernames x-overflow'ing the page

This commit is contained in:
Alex Gleason 2023-04-10 09:33:24 -05:00
parent 9b5acf9b17
commit 09a65a7500
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/soapbox/features/ui/components/profile-info-panel.tsx
View File

@ -141,7 +141,7 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
<Stack space={2}> <Stack space={2}>
<Stack> <Stack>
<HStack space={1} alignItems='center'> <HStack space={1} alignItems='center'>
<Text size='lg' weight='bold' dangerouslySetInnerHTML={displayNameHtml} /> <Text size='lg' weight='bold' dangerouslySetInnerHTML={displayNameHtml} truncate />
{account.bot && <Badge slug='bot' title={intl.formatMessage(messages.bot)} />} {account.bot && <Badge slug='bot' title={intl.formatMessage(messages.bot)} />}
@ -153,7 +153,7 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
</HStack> </HStack>
<HStack alignItems='center' space={0.5}> <HStack alignItems='center' space={0.5}>
<Text size='sm' theme='muted' direction='ltr'> <Text size='sm' theme='muted' direction='ltr' truncate>
@{displayFqn ? account.fqn : account.acct} @{displayFqn ? account.fqn : account.acct}
</Text> </Text>