Add support for up to 4 feeds
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
parent
198722eb41
commit
1f27354439
3 changed files with 71 additions and 35 deletions
|
@ -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);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue