Bug 1112021 - Remove drop shadows on Loop video elements. r=Standard8 a=lsblakk
authorNicolas Perriault <nperriault@mozilla.com>
Fri, 19 Dec 2014 00:16:45 +0100
changeset 234459 dc6001f40b6317d9ede5760b28da340d487847e1
parent 234458 ba47166c03052aa38cdc85eea5f2d0e21899e699
child 234460 85cab59dd3748cf638e2a73a5ba0794eb5cd3bfd
push id7393
push userrjesup@wgate.com
push dateMon, 22 Dec 2014 16:41:28 +0000
treeherdermozilla-aurora@084ce7ea8671 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersStandard8, lsblakk
bugs1112021
milestone36.0a2
Bug 1112021 - Remove drop shadows on Loop video elements. r=Standard8 a=lsblakk
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;