OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Display sticker content (URL), rather than thumbnail.

pull/21833/head
Richard Lewis 2018-03-14 11:11:21 +00:00
parent 66ea78de65
commit 83412acbe7
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/views/messages/MStickerBody.js
View File

@ -46,7 +46,7 @@ export default class MStickerBody extends MImageBody {
const hidePlaceholderTimer = setTimeout(() => {
this.setState({
placeholderVisible: false,
thumbnailClasses: 'mx_MStickerBody_thumbnail_visible',
imageClasses: 'mx_MStickerBody_image_visible',
});
}, 500);
this.setState({hidePlaceholderTimer});
@ -58,14 +58,14 @@ export default class MStickerBody extends MImageBody {
this.setState({
placeholderVisible: false,
placeholderClasses: '.mx_MStickerBody_placeholder_invisible',
thumbnailClasses: 'mx_MStickerBody_thumbnail_visible',
imageClasses: 'mx_MStickerBody_image_visible',
});
} else {
// Image not already loaded
this.setState({
placeholderVisible: true,
placeholderClasses: '',
thumbnailClasses: '',
imageClasses: '',
});
}
}
@ -110,7 +110,7 @@ export default class MStickerBody extends MImageBody {
style={{
height: placeholderFixupHeight,
}}>
<div className={'mx_MStickerBody_thumbnail_container'}>
<div className={'mx_MStickerBody_image_container'}>
{ this.state.placeholderVisible &&
<div
className={'mx_MStickerBody_placeholder ' + this.state.placeholderClasses}
@ -125,8 +125,8 @@ export default class MStickerBody extends MImageBody {
height={placeholderSize} />
</div> }
<img
className={'mx_MStickerBody_thumbnail ' + this.state.thumbnailClasses}
src={thumbUrl}
className={'mx_MStickerBody_image ' + this.state.imageClasses}
src={contentUrl}
ref='image'
alt={content.body}
onLoad={this.props.onWidgetLoad}