A few CSS fixes for message bubbles

This commit is contained in:
Evan Hahn 2020-08-12 17:47:20 -05:00 committed by GitHub
parent c369363e10
commit a8090d8c66
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 46 additions and 9 deletions

View file

@ -1295,6 +1295,48 @@ const stories: Array<MessageStory> = [
},
],
],
[
'Sticker',
[
{
title: 'Outgoing Sticker',
makeDataProps: () => ({
...baseDataProps,
direction: 'outgoing',
status: 'sent',
authorColor: 'green',
isSticker: true,
attachments: [
{
url: '/fixtures/512x515-thumbs-up-lincoln.webp',
fileName: '512x515-thumbs-up-lincoln.webp',
contentType: 'image/webp' as MIMEType,
width: 128,
height: 128,
},
],
}),
},
{
title: 'Incoming Sticker',
makeDataProps: () => ({
...baseDataProps,
direction: 'incoming',
authorColor: 'green',
isSticker: true,
attachments: [
{
url: '/fixtures/512x515-thumbs-up-lincoln.webp',
fileName: '512x515-thumbs-up-lincoln.webp',
contentType: 'image/webp' as MIMEType,
width: 128,
height: 128,
},
],
}),
},
],
],
];
const renderEmojiPicker: AllProps['renderEmojiPicker'] = ({

View file

@ -619,9 +619,6 @@ export class Message extends React.PureComponent<Props, State> {
withContentBelow
? 'module-message__attachment-container--with-content-below'
: null,
collapseMetadata
? 'module-message__attachment-container--with-collapsed-metadata'
: null,
isSticker && !collapseMetadata
? 'module-message__sticker-container--with-content-below'
: null