Bug 1112021 - Remove drop shadows on Loop video elements. r=Standard8
authorNicolas Perriault <nperriault@mozilla.com>
Fri, 19 Dec 2014 00:16:45 +0100
changeset 220442 0d9c5bf159462d8b9cbc79c53f812114f0bb4db4
parent 220441 8ad1a662bf1f520d68a6e3fd88a4c7bd8aa6ab9d
child 220443 a208ca0827356f838039964da5d7cf7d87be3fa6
push id27988
push usercbook@mozilla.com
push dateFri, 19 Dec 2014 11:30:18 +0000
treeherdermozilla-central@021b09e92d30 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersStandard8
bugs1112021
milestone37.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1112021 - Remove drop shadows on Loop video elements. r=Standard8
browser/components/loop/content/shared/css/conversation.css
--- a/browser/components/loop/content/shared/css/conversation.css
+++ b/browser/components/loop/content/shared/css/conversation.css
@@ -203,17 +203,20 @@
   right: 0px;
   bottom: 0px;
   left: 0px;
 }
 
 .standalone .local-stream {
   /* required to have it superimposed to the control toolbar */
   z-index: 1001;
-  box-shadow: 0 2px 4px rgba(0,0,0,.5);
+}
+
+.standalone .room-conversation .local-stream {
+  box-shadow: none;
 }
 
 /* Side by side video elements */
 
 .conversation .media.side-by-side .remote {
   width: 50%;
   float: left;
 }
@@ -471,16 +474,20 @@
   /* next two lines are workaround for lack of object-fit; see bug 1020445 */
   max-width: 140px;
   width: 30%;
   height: 28%;
   max-height: 105px;
   box-shadow: 0px 2px 4px rgba(0,0,0,.5);
 }
 
+.fx-embedded .room-conversation .local-stream {
+  box-shadow: none;
+}
+
 .fx-embedded .local-stream.room-preview {
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   height: 100%;
   width: 100%;
   max-width: none;
@@ -537,16 +544,23 @@
   left: 0 !important;
   background-color: transparent; /* avoid visually obvious letterboxing */
 }
 
 .room-conversation .OT_publisher .OT_video-container video {
   background-color: transparent; /* avoid visually obvious letterboxing */
 }
 
+.fx-embedded .room-conversation .room-preview .OT_publisher .OT_video-container,
+.fx-embedded .room-conversation .room-preview .OT_publisher .OT_video-container video {
+  /* Desktop conversation window room preview local stream actually wants
+     a black background */
+  background-color: #000;
+}
+
 .fx-embedded .media.nested {
   min-height: 200px;
 }
 
 .fx-embedded-call-identifier {
   display: inline;
   width: 100%;
   padding: 1.2em;