Add support for up to 4 feeds

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-05-07 21:34:56 +02:00
parent 198722eb41
commit 1f27354439
No known key found for this signature in database
GPG key ID: 9760693FDD98A790
3 changed files with 71 additions and 35 deletions

View file

@ -21,7 +21,7 @@ limitations under the License.
}
.mx_VideoFeed_remote {
.mx_VideoFeed_primary {
width: 100%;
height: 100%;
display: flex;
@ -33,7 +33,7 @@ limitations under the License.
}
}
.mx_VideoFeed_local {
.mx_VideoFeed_secondary {
max-width: 25%;
max-height: 25%;
position: absolute;
@ -47,6 +47,34 @@ limitations under the License.
}
}
.mx_VideoFeed_tertiary {
max-width: 25%;
max-height: 25%;
position: absolute;
right: 10px;
bottom: 10px;
z-index: 100;
border-radius: 4px;
&.mx_VideoFeed_video {
background-color: transparent;
}
}
.mx_VideoFeed_quaternary {
max-width: 25%;
max-height: 25%;
position: absolute;
left: 10px;
top: 10px;
z-index: 100;
border-radius: 4px;
&.mx_VideoFeed_video {
background-color: transparent;
}
}
.mx_VideoFeed_mirror {
transform: scale(-1, 1);
}