Add separate mx_CallView_content class

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

View file

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

View file

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