Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix peer connexion for two player with screen sharing

Browse source
This commit is contained in:
Gregoire Parant 2020-06-14 20:53:18 +02:00
parent 409b1a5591
commit 595e491873
4 changed files with 45 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

18
front/dist/resources/style/style.css vendored
View file

@ -217,28 +217,34 @@ video{
.active-screen-sharing video{
transform: scaleX(1);
}
.screen-sharing-video-container {
width: 25%;
position: absolute;
}
.active-screen-sharing .screen-sharing-video-container video:hover{
width: 50%;
width: 200%;
z-index: 11;
}
.active-screen-sharing .screen-sharing-video-container video{
position: absolute;
width: 25%;
width: 100%;
height: auto;
left: 0;
top: 0;
transition: all 0.2s ease;
z-index: 1;
}
.active-screen-sharing .screen-sharing-video-container video:nth-child(1){
.active-screen-sharing .screen-sharing-video-container:nth-child(1){
/*this is for camera of user*/
top: 0%;
}
.active-screen-sharing .screen-sharing-video-container video:nth-child(2){
.active-screen-sharing .screen-sharing-video-container:nth-child(2){
top: 25%;
}
.active-screen-sharing .screen-sharing-video-container video:nth-child(3){
.active-screen-sharing .screen-sharing-video-container:nth-child(3){
top: 50%;
}
.active-screen-sharing .screen-sharing-video-container video:nth-child(4) {
.active-screen-sharing .screen-sharing-video-container:nth-child(4) {
top: 75%;
}