Bug 1222034 - [LinkClicker] Letterbox should be grey when sharing tabs. r=dmose
authorFernando Campo <fernando.campo@telefonica.com>
Thu, 12 Nov 2015 06:51:00 +0100
changeset 272430 b51eb1ccc07a248346088ed09e5b9091aed94fd0
parent 272429 94334352f9fac8641975a23d756dda348e017e63
child 272431 1aa4c60fbfdbf868dc9f6775053b686889fb379a
push id29673
push userphilringnalda@gmail.com
push dateSat, 14 Nov 2015 21:07:34 +0000
treeherdermozilla-central@bbeaf161feb4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdmose
bugs1222034
milestone45.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 1222034 - [LinkClicker] Letterbox should be grey when sharing tabs. r=dmose
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
@@ -634,17 +634,17 @@ body[platform="win"] .share-service-drop
 .media-wrapper > .focus-stream {
   display: flex;
   /* We want this to be the width, minus 200px which is for the right-side text
      chat and video displays. */
   width: calc(100% - 200px);
   /* 100% height to fill up media-layout, thus forcing other elements into the
      second column that's 200px wide */
   height: 100%;
-  background-color: #D8D8D8;
+  background-color: #d8d8d8;
 }
 
 .media-wrapper > .local {
   flex: 0 1 auto;
   width: 200px;
   height: 150px;
 }
 
@@ -715,18 +715,16 @@ body[platform="win"] .share-service-drop
 
 .media-wrapper > .text-chat-disabled > .text-chat-entries {
   /* When text chat is disabled, the entries box should be 100% height. */
   height: 100%;
 }
 
 .media-wrapper.receiving-screen-share > .screen {
   order: 1;
-  /* Since there is grey stuff behind us, avoid obvious letterboxing */
-  background-color: black;
 }
 
 .media-wrapper.receiving-screen-share > .text-chat-view {
   order: 2;
 }
 
 .media-wrapper.receiving-screen-share > .remote {
   order: 3;
@@ -910,17 +908,16 @@ body[platform="win"] .share-service-drop
   .media-wrapper:not(.showing-remote-streams) > .focus-stream > .local {
     position: relative;
     margin: 0;
     right: auto;
     left: auto;
     bottom: auto;
     width: 100%;
     height: 100%;
-    background-color: black;
   }
 
   .media-wrapper:not(.showing-remote-streams) > .focus-stream > .local ~ .conversation-toolbar {
     max-width: 100%;
   }
 
   .media-wrapper > .focus-stream {
     flex: 1 1 auto;