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

Merge branch 'chat-list-styles' into 'develop' 

Fix chat list styles

Closes #1221

See merge request soapbox-pub/soapbox!1945
This commit is contained in:
Alex Gleason 2022-11-26 16:34:55 +00:00
parent d39c2204f6 9545248929
commit c3ada63732
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/soapbox/features/chats/components/chat.tsx
View File

@ -33,9 +33,9 @@ const Chat: React.FC<IChat> = ({ chatId, onClick }) => {
return ( return (
<div className='account'> <div className='account'>
<button className='floating-link' onClick={() => onClick(chat)} /> <button className='floating-link' onClick={() => onClick(chat)} />
<HStack key={account.id} space={3} className='relative'> <HStack key={account.id} space={3} className='relative overflow-hidden'>
<Avatar src={account.avatar} size={36} /> <Avatar className='flex-none' src={account.avatar} size={36} />
<Stack> <Stack className='overflow-hidden'>
<DisplayName account={account} withSuffix={false} /> <DisplayName account={account} withSuffix={false} />
{attachment && ( {attachment && (
<Icon <Icon
@ -49,6 +49,7 @@ const Chat: React.FC<IChat> = ({ chatId, onClick }) => {
size='sm' size='sm'
className='chat__last-message' className='chat__last-message'
dangerouslySetInnerHTML={{ __html: parsedContent }} dangerouslySetInnerHTML={{ __html: parsedContent }}
truncate
/> />
) : attachment && ( ) : attachment && (
<span <span