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

Chats: display attachments in a shitty letterbox to support FireFox

Browse source
This commit is contained in:
Alex Gleason 2020-09-07 19:13:59 -05:00
parent fdaa9f24ce
commit 255419a6e9
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 17 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
app/soapbox/features/chats/components/chat_message_list.js
View file

@ -155,15 +155,17 @@ class ChatMessageList extends ImmutablePureComponent {
const attachment = chatMessage.get('attachment');
if (!attachment) return null;
return (
<Bundle fetchComponent={MediaGallery}>
{Component => (
<Component
media={ImmutableList([attachment])}
height={120}
onOpenMedia={this.onOpenMedia}
/>
)}
</Bundle>
<div className='chat-message__media'>
<Bundle fetchComponent={MediaGallery}>
{Component => (
<Component
media={ImmutableList([attachment])}
height={120}
onOpenMedia={this.onOpenMedia}
/>
)}
</Bundle>
</div>
);
}

8
app/styles/chats.scss
View file

@ -342,8 +342,12 @@
}
}
.chat-message__media {
height: 120px;
}
.chat-message .media-gallery {
height: auto !important;
height: 100% !important;
margin: 4px 0 8px;
.spoiler-button {
@ -353,7 +357,7 @@
.media-gallery__item:not(.media-gallery__item--image) {
max-width: 100%;
width: 120px !important;
height: 70px !important;
height: 100% !important;
}
&__preview {