bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix chat list styles

Browse source 
Fixes https://gitlab.com/soapbox-pub/soapbox/-/issues/1221
This commit is contained in:
Alex Gleason 2022-11-26 09:34:13 -06:00
parent 08c38ee6c1
commit 9545248929
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
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 (
<div className='account'>
<button className='floating-link' onClick={() => onClick(chat)} />
<HStack key={account.id} space={3} className='relative'>
<Avatar src={account.avatar} size={36} />
<Stack>
<HStack key={account.id} space={3} className='relative overflow-hidden'>
<Avatar className='flex-none' src={account.avatar} size={36} />
<Stack className='overflow-hidden'>
<DisplayName account={account} withSuffix={false} />
{attachment && (
<Icon
@ -49,6 +49,7 @@ const Chat: React.FC<IChat> = ({ chatId, onClick }) => {
size='sm'
className='chat__last-message'
dangerouslySetInnerHTML={{ __html: parsedContent }}
truncate
/>
) : attachment && (
<span