haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(device-selection): show black background only when video muted 

On certain modal dimensions, the black background of the video
preview could peek through, making it look like the video has a
black line. The change is to remove the black background from
showing by default and having it only display when the video is
muted. Also, the video preview dimension stylings have been
changed to facilitiate smoother size adjusting with modal size
changes.
This commit is contained in:
Leonard Kim 2017-04-19 14:46:20 -07:00
parent 6c0ad4966e
commit 1045cb56fe
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/modals/device-selection/_device-selection.scss
View File

@ -41,11 +41,7 @@
} }
.device-selection-video-container { .device-selection-video-container {
/* TOFIX: to be removed when we move out from muted preview */
background: black;
border-radius: 3px; border-radius: 3px;
/* TOFIX-END */
height: 160px;
margin-bottom: 5px; margin-bottom: 5px;
.video-input-preview { .video-input-preview {
@ -66,12 +62,18 @@
top: 50%; top: 50%;
} }
&.video-muted .video-input-preview-muted { &.video-muted {
display: block; /* TOFIX: to be removed when we move out from muted preview */
background: black;
/* TOFIX-END */
.video-input-preview-muted {
display: block;
}
} }
.video-input-preview-display { .video-input-preview-display {
height: 100%; height: auto;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
} }