Bug 1074693 - Loop desktop room preview to use fullscreen local videostream. r=Standard8

This commit is contained in:
Nicolas Perriault 2014-11-12 15:20:55 +00:00
parent 7c60277a5e
commit 39fc0e3d74
3 changed files with 15 additions and 2 deletions

View File

@ -227,7 +227,8 @@ loop.roomViews = (function(mozL10n) {
var localStreamClasses = React.addons.classSet({ var localStreamClasses = React.addons.classSet({
local: true, local: true,
"local-stream": true, "local-stream": true,
"local-stream-audio": !this.state.videoMuted "local-stream-audio": !this.state.videoMuted,
"room-preview": this.state.roomState !== ROOM_STATES.HAS_PARTICIPANTS
}); });
switch(this.state.roomState) { switch(this.state.roomState) {

View File

@ -227,7 +227,8 @@ loop.roomViews = (function(mozL10n) {
var localStreamClasses = React.addons.classSet({ var localStreamClasses = React.addons.classSet({
local: true, local: true,
"local-stream": true, "local-stream": true,
"local-stream-audio": !this.state.videoMuted "local-stream-audio": !this.state.videoMuted,
"room-preview": this.state.roomState !== ROOM_STATES.HAS_PARTICIPANTS
}); });
switch(this.state.roomState) { switch(this.state.roomState) {

View File

@ -475,6 +475,17 @@
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
} }
.fx-embedded .local-stream.room-preview {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
height: 100%;
width: 100%;
max-width: none;
max-height: none;
}
.conversation .media.nested .remote { .conversation .media.nested .remote {
display: inline-block; display: inline-block;
position: absolute; /* workaround for lack of object-fit; see bug 1020445 */ position: absolute; /* workaround for lack of object-fit; see bug 1020445 */