Add truncation to notification descriptor

This commit is contained in:
Justin 2022-05-09 10:26:03 -04:00
parent 3a0b88bb37
commit 136a6c99bf

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>