diff --git a/src/components/views/elements/AppTile.tsx b/src/components/views/elements/AppTile.tsx index 2d57c479203..043d50d1d70 100644 --- a/src/components/views/elements/AppTile.tsx +++ b/src/components/views/elements/AppTile.tsx @@ -590,7 +590,11 @@ export default class AppTile extends React.Component { const iframeFeatures = "microphone; camera; encrypted-media; autoplay; display-capture; clipboard-write; " + "clipboard-read;"; - const appTileBodyClass = "mx_AppTileBody" + (this.props.miniMode ? "_mini " : " "); + const appTileBodyClass = classNames({ + mx_AppTileBody: !this.props.miniMode, + mx_AppTileBody_mini: this.props.miniMode, + mx_AppTile_loading: this.state.loading, + }); const appTileBodyStyles: CSSProperties = {}; if (this.props.pointerEvents) { appTileBodyStyles.pointerEvents = this.props.pointerEvents; @@ -626,10 +630,7 @@ export default class AppTile extends React.Component { ); } else if (this.state.initialising || !this.state.isUserProfileReady) { appTileBody = ( -
+
{loadingElement}
); @@ -642,10 +643,7 @@ export default class AppTile extends React.Component { ); } else { appTileBody = ( -
+
{this.state.loading && loadingElement}