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

Merge branch 'truncate-notification-name' into 'develop' 

Add truncation to notification descriptor

Closes #944

See merge request soapbox-pub/soapbox-fe!1336
This commit is contained in:
Justin 2022-05-09 14:46:23 +00:00
parent 3a0b88bb37 136a6c99bf
commit abc1b4fa16
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/soapbox/features/notifications/components/notification.tsx
View File

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import { HotKeys } from 'react-hotkeys'; import { HotKeys } from 'react-hotkeys';
import { FormattedMessage, useIntl } from 'react-intl'; import { FormattedMessage, useIntl } from 'react-intl';
import { useHistory } from 'react-router-dom'; import { useHistory } from 'react-router-dom';
import Icon from '../../../components/icon'; import Icon from '../../../components/icon';
@ -286,10 +286,11 @@ const Notification: React.FC<INotificaton> = (props) => {
<HStack alignItems='center' space={1.5}> <HStack alignItems='center' space={1.5}>
{renderIcon()} {renderIcon()}
<div> <div className='truncate'>
<Text <Text
theme='muted' theme='muted'
size='sm' size='sm'
truncate
> >
{message} {message}
</Text> </Text>