|
@@ -40,23 +40,21 @@
|
40
|
40
|
background-color: black;
|
41
|
41
|
background-size: contain;
|
42
|
42
|
border-radius:1px;
|
43
|
|
- /**
|
44
|
|
- * Some browsers don't have full support of the object-fit property for the
|
45
|
|
- * video element and when we set video object-fit to "cover" the video
|
46
|
|
- * actually overflows the boundaries of its container, so it's important
|
47
|
|
- * to indicate that the "overflow" should be hidden.
|
48
|
|
- */
|
49
|
|
- overflow: hidden;
|
50
|
43
|
border: 1px solid #212425;
|
|
44
|
+ /*margin-right: 1px;*/
|
51
|
45
|
}
|
52
|
46
|
|
|
47
|
+/*#remoteVideos .videocontainer:hover,*/
|
53
|
48
|
#remoteVideos .videocontainer.videoContainerFocused {
|
54
|
49
|
cursor: hand;
|
|
50
|
+ /* transform:scale(1.08, 1.08);
|
|
51
|
+ -webkit-transform:scale(1.08, 1.08); */
|
55
|
52
|
transition-duration: 0.5s;
|
56
|
53
|
-webkit-transition-duration: 0.5s;
|
57
|
54
|
-webkit-animation-name: greyPulse;
|
58
|
55
|
-webkit-animation-duration: 2s;
|
59
|
56
|
-webkit-animation-iteration-count: 1;
|
|
57
|
+ overflow: visible !important;
|
60
|
58
|
}
|
61
|
59
|
|
62
|
60
|
#remoteVideos .videocontainer:hover {
|
|
@@ -84,7 +82,6 @@
|
84
|
82
|
cursor: hand;
|
85
|
83
|
border-radius:1px;
|
86
|
84
|
object-fit: cover;
|
87
|
|
- overflow: hidden;
|
88
|
85
|
}
|
89
|
86
|
|
90
|
87
|
.flipVideoX {
|