mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-22 09:15:41 +03:00
Code Issues Projects Releases Packages Wiki Activity

Update element call embedding UI (#12056)

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/css/views/rooms/_AppsDrawer.pcss
View file

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

4
res/css/views/voip/_CallView.pcss
View file

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

2
src/components/views/elements/AppTile.tsx
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;"; "microphone; camera; encrypted-media; autoplay; display-capture; clipboard-write; " + "clipboard-read;";
const appTileBodyClass = classNames({ const appTileBodyClass = classNames({
// We don't want mx_AppTileBody (rounded corners) for call widgets
"mx_AppTileBody": true, "mx_AppTileBody": true,
"mx_AppTileBody--large": !this.props.miniMode, "mx_AppTileBody--large": !this.props.miniMode,
"mx_AppTileBody--mini": this.props.miniMode, "mx_AppTileBody--mini": this.props.miniMode,
"mx_AppTileBody--loading": this.state.loading, "mx_AppTileBody--loading": this.state.loading,
"mx_AppTileBody--call": this.props.app.type === WidgetType.CALL.preferred,
}); });
const appTileBodyStyles: CSSProperties = {}; const appTileBodyStyles: CSSProperties = {};
if (this.props.pointerEvents) { if (this.props.pointerEvents) {