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

Merge pull request #6467 from matrix-org/t3chguy/fix/18110

pull/21833/head
Michael Telatynski 2021-07-23 18:21:43 +01:00 committed by GitHub
parent e78a1adb6f 4fe0e216d6
commit 869a5fb5c7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
res/css/views/messages/_MImageBody.scss
View File

@ -16,10 +16,6 @@ limitations under the License.
$timelineImageBorderRadius: 4px; $timelineImageBorderRadius: 4px;
.mx_MImageBody {
display: block;
}
.mx_MImageBody_thumbnail { .mx_MImageBody_thumbnail {
object-fit: contain; object-fit: contain;
border-radius: $timelineImageBorderRadius; border-radius: $timelineImageBorderRadius;
@ -28,7 +24,7 @@ $timelineImageBorderRadius: 4px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
> canvas { > div > canvas {
border-radius: $timelineImageBorderRadius; border-radius: $timelineImageBorderRadius;
} }
} }

8
src/components/views/messages/MImageBody.tsx
View File

@ -425,10 +425,10 @@ export default class MImageBody extends React.Component<IBodyProps, IState> {
if (this.state.error !== null) { if (this.state.error !== null) {
return ( return (
<span className="mx_MImageBody"> <div className="mx_MImageBody">
<img src={require("../../../../res/img/warning.svg")} width="16" height="16" /> <img src={require("../../../../res/img/warning.svg")} width="16" height="16" />
{ _t("Error decrypting image") } { _t("Error decrypting image") }
</span> </div>
); );
} }
@ -443,10 +443,10 @@ export default class MImageBody extends React.Component<IBodyProps, IState> {
const thumbnail = this.messageContent(contentUrl, thumbUrl, content); const thumbnail = this.messageContent(contentUrl, thumbUrl, content);
const fileBody = this.getFileBody(); const fileBody = this.getFileBody();
return <span className="mx_MImageBody"> return <div className="mx_MImageBody">
{ thumbnail } { thumbnail }
{ fileBody } { fileBody }
</span>; </div>;
} }
} }