Browse Source

Overflow styles fixed for audioVideo component.

pull/26/head
Simon Eisenmann 12 years ago
parent
commit
24b4f57821
  1. 1
      src/styles/components/_audiovideo.scss
  2. 6
      src/styles/components/_webrtc.scss

1
src/styles/components/_audiovideo.scss

@ -161,6 +161,5 @@ right:520px;
@media only screen and (max-width:590px) { @media only screen and (max-width:590px) {
#audiovideo { #audiovideo {
right:0px; right:0px;
z-index:12;
} }
} }

6
src/styles/components/_webrtc.scss

@ -80,7 +80,7 @@ transition-duration: 0.5s;
} }
#localVideo { #localVideo {
width: 100%; width: 100%;
height: 100%; max-height: 100%;
opacity: 0; opacity: 0;
transition-property: opacity; transition-property: opacity;
-webkit-transition-property: opacity; -webkit-transition-property: opacity;
@ -88,6 +88,7 @@ transition-duration: 2s;
-webkit-transition-duration: 2s; -webkit-transition-duration: 2s;
background: rgba(0,0,0,0.4); background: rgba(0,0,0,0.4);
/*background: red;*/ /*background: red;*/
display:block;
} }
#remoteVideos { #remoteVideos {
position:absolute; position:absolute;
@ -105,10 +106,12 @@ transition-duration: 2s;
#remoteVideos video { #remoteVideos video {
width:100%; width:100%;
height:100%; height:100%;
display:block;
} }
#miniVideo { #miniVideo {
max-height: 100%; max-height: 100%;
max-width:100%; max-width:100%;
display:block;
} }
.remoteVideo { .remoteVideo {
display: inline-block; display: inline-block;
@ -118,6 +121,7 @@ vertical-align:bottom;
position:relative; position:relative;
visibility:hidden; visibility:hidden;
background: rgba(0,0,0,0.4); background: rgba(0,0,0,0.4);
overflow:hidden;
} }
.remoteVideo.withvideo { .remoteVideo.withvideo {
visibility:visible; visibility:visible;

Loading…
Cancel
Save