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'); const attachment = chatMessage.get('attachment');
if (!attachment) return null; if (!attachment) return null;
return ( return (
<Bundle fetchComponent={MediaGallery}> <div className='chat-message__media'>
{Component => ( <Bundle fetchComponent={MediaGallery}>
<Component {Component => (
media={ImmutableList([attachment])} <Component
height={120} media={ImmutableList([attachment])}
onOpenMedia={this.onOpenMedia} height={120}
/> onOpenMedia={this.onOpenMedia}
)} />
</Bundle> )}
</Bundle>
</div>
); );
} }

8
app/styles/chats.scss
View file

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