PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Add separate mx_CallView_content class

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-04-16 12:50:23 +02:00
parent 33fd09d777
commit 2cfd4659e1
No known key found for this signature in database
GPG key ID: 9760693FDD98A790
2 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
res/css/views/voip/_CallView.scss
View file

@ -64,14 +64,17 @@ limitations under the License.
}
}
.mx_CallView_voice {
.mx_CallView_content {
position: relative;
display: flex;
flex-direction: column;
border-radius: 8px;
}
.mx_CallView_voice {
align-items: center;
justify-content: center;
flex-direction: column;
background-color: $inverted-bg-color;
border-radius: 8px;
}
.mx_CallView_voice_avatarsContainer {
@ -108,11 +111,8 @@ limitations under the License.
.mx_CallView_video {
width: 100%;
height: 100%;
position: relative;
z-index: 30;
border-radius: 8px;
overflow: hidden;
display: flex;
}
.mx_CallView_video_hold {

4
src/components/views/voip/CallView.tsx
View file

@ -536,6 +536,7 @@ export default class CallView extends React.Component<IProps, IState> {
if (isOnHold || transfereeCall) {
if (this.props.call.type === CallType.Video) {
const containerClasses = classNames({
mx_CallView_content: true,
mx_CallView_video: true,
mx_CallView_video_hold: isOnHold,
});
@ -557,6 +558,7 @@ export default class CallView extends React.Component<IProps, IState> {
);
} else {
const classes = classNames({
mx_CallView_content: true,
mx_CallView_voice: true,
mx_CallView_voice_hold: isOnHold,
});
@ -586,6 +588,7 @@ export default class CallView extends React.Component<IProps, IState> {
// to change anyway - I might take an axe to this file in order to
// try to get other things working
const classes = classNames({
mx_CallView_content: true,
mx_CallView_voice: true,
});
@ -622,6 +625,7 @@ export default class CallView extends React.Component<IProps, IState> {
</div>;
} else {
const containerClasses = classNames({
mx_CallView_content: true,
mx_CallView_video: true,
});