Update element call embedding UI (#12056)

Signed-off-by: Timo K <toger5@hotmail.de>
This commit is contained in:
Timo 2023-12-20 13:39:57 +01:00 committed by GitHub
parent bf61d93bf4
commit e26d3e9b68
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 4 deletions

View file

@ -321,6 +321,10 @@ limitations under the License.
display: none;
}
}
&.mx_AppTileBody--call {
border-radius: 0px;
}
}
/* appTileBody is embedded to PersistedElement outside of mx_AppTile,

View file

@ -20,12 +20,8 @@ limitations under the License.
display: flex;
flex-direction: column;
margin: var(--container-gap-width);
margin-right: calc(var(--container-gap-width) / 2);
background-color: $header-panel-bg-color;
padding: 8px;
border-radius: 8px;
.mx_AppTile {
width: auto;

View file

@ -608,10 +608,12 @@ export default class AppTile extends React.Component<IProps, IState> {
"microphone; camera; encrypted-media; autoplay; display-capture; clipboard-write; " + "clipboard-read;";
const appTileBodyClass = classNames({
// We don't want mx_AppTileBody (rounded corners) for call widgets
"mx_AppTileBody": true,
"mx_AppTileBody--large": !this.props.miniMode,
"mx_AppTileBody--mini": this.props.miniMode,
"mx_AppTileBody--loading": this.state.loading,
"mx_AppTileBody--call": this.props.app.type === WidgetType.CALL.preferred,
});
const appTileBodyStyles: CSSProperties = {};
if (this.props.pointerEvents) {