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

Chats: improve design of attachments, fix sizing bug

Browse source
This commit is contained in:
Alex Gleason 2023-01-17 14:33:04 -06:00
parent 988d466fcd
commit 687fcdc294
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 33 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/soapbox/features/chats/components/chat-message-list.tsx
View file

@ -312,15 +312,20 @@ const ChatMessageList: React.FC<IChatMessageList> = ({ chat }) => {
</div> </div>
)} )}
<HStack <Stack
alignItems='bottom' space={0.5}
className={classNames({ className={classNames({
'max-w-[85%]': true, 'max-w-[85%]': true,
'flex-1': chatMessage.attachment,
'order-2': isMyMessage, 'order-2': isMyMessage,
'order-1': !isMyMessage, 'order-1': !isMyMessage,
})} })}
justifyContent={isMyMessage ? 'end' : 'start'} alignItems={isMyMessage ? 'end' : 'start'}
> >
{maybeRenderMedia(chatMessage)}
{content && (
<HStack alignItems='bottom'>
<div <div
title={getFormattedTimestamp(chatMessage)} title={getFormattedTimestamp(chatMessage)}
className={ className={
@ -336,7 +341,6 @@ const ChatMessageList: React.FC<IChatMessageList> = ({ chat }) => {
ref={setBubbleRef} ref={setBubbleRef}
tabIndex={0} tabIndex={0}
> >
{maybeRenderMedia(chatMessage)}
<Text <Text
size='sm' size='sm'
theme='inherit' theme='inherit'
@ -345,6 +349,8 @@ const ChatMessageList: React.FC<IChatMessageList> = ({ chat }) => {
/> />
</div> </div>
</HStack> </HStack>
)}
</Stack>
</HStack> </HStack>
<HStack <HStack