matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-05 23:10:41 +03:00
Code Activity

Only include placeholder in DOM when necessary

Browse Source
This commit is contained in:
Luke Barnard
2018-05-22 10:43:16 +01:00
parent e9ae3de00f
commit e4f8c09c32
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/views/messages/MImageBody.js
View File

@@ -276,8 +276,8 @@ export default class extends React.Component {
{ /* Calculate aspect ratio, using %padding will size _container correctly */ } { /* Calculate aspect ratio, using %padding will size _container correctly */ }
<div style={{ paddingBottom: (100 * content.info.h / content.info.w) + '%' }}></div> <div style={{ paddingBottom: (100 * content.info.h / content.info.w) + '%' }}></div>
{ showPlaceholder &&
<div className="mx_MImageBody_thumbnail" style={{ <div className="mx_MImageBody_thumbnail" style={{
"display": showPlaceholder ? undefined : 'none',
// Constrain width here so that spinner appears central to the loaded thumbnail // Constrain width here so that spinner appears central to the loaded thumbnail
"max-width": content.info.w + "px", "max-width": content.info.w + "px",
}}> }}>
@@ -285,6 +285,7 @@ export default class extends React.Component {
{ placeholder } { placeholder }
</div> </div>
</div> </div>
}
<div style={{display: !showPlaceholder ? undefined : 'none'}}> <div style={{display: !showPlaceholder ? undefined : 'none'}}>
{ img } { img }