Bug 445498 - Make background of tab preview transparent on Linux. r=mdeboer a=ritu
authorDão Gottwald <dao@mozilla.com>
Wed, 03 Aug 2016 12:44:07 +0200
changeset 349699 858abdc854851e153a60b414e09f3a2375963bdc
parent 349698 deb2509ac6d9baf072376204f6111d0f4bc5f2a6
child 349700 4d51664244aad86fbd00bed49ca41da1227bcdef
push id1230
push userjlund@mozilla.com
push dateMon, 31 Oct 2016 18:13:35 +0000
treeherdermozilla-release@5e06e3766db2 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmdeboer, ritu
bugs445498
milestone50.0a2
Bug 445498 - Make background of tab preview transparent on Linux. r=mdeboer a=ritu
browser/themes/linux/browser.css
--- a/browser/themes/linux/browser.css
+++ b/browser/themes/linux/browser.css
@@ -1697,50 +1697,65 @@ toolbarbutton.chevron > .toolbarbutton-m
 
 toolbarbutton.chevron > .toolbarbutton-icon {
   margin: 0;
 }
 
 /* Ctrl-Tab */
 
 #ctrlTab-panel {
-  padding: 10px;
   -moz-appearance: none;
-  background-color: -moz-dialog;
-  color: -moz-dialogtext;
-}
-
-.tabPreview-canvas {
-  box-shadow: 0 0 5px 1px ThreeDShadow;
-}
-
-.ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner > .tabPreview-canvas {
-  box-shadow: 0 0 5px 2px Highlight;
+  background: rgba(27%,27%,27%,.7);
+  color: white;
+  border-style: none;
+  padding: 20px 10px 10px;
+  font-weight: bold;
+  text-shadow: 0 0 1px rgb(27%,27%,27%), 0 0 2px rgb(27%,27%,27%);
 }
 
 .ctrlTab-favicon[src] {
   background-color: white;
   width: 20px;
   height: 20px;
   padding: 2px;
 }
 
+.ctrlTab-preview-inner > .tabPreview-canvas {
+  box-shadow: 1px 1px 2px rgb(12%,12%,12%);
+}
+
 .ctrlTab-preview:not(#ctrlTab-showAll) > * > .ctrlTab-preview-inner > .tabPreview-canvas {
   margin-bottom: 2px;
 }
 
-#ctrlTab-showAll {
-  -moz-appearance: button;
-  color: ButtonText;
-  padding: 0 3px;
-  margin-top: 10px;
+.ctrlTab-preview-inner {
+  padding-bottom: 10px;
+}
+
+#ctrlTab-showAll:not(:focus) > * > .ctrlTab-preview-inner {
+  padding: 10px;
+  background-color: rgba(255,255,255,.2);
+  border-radius: .5em;
 }
 
-#ctrlTab-showAll:focus {
-  box-shadow: 0 0 5px 1px Highlight;
+.ctrlTab-preview:focus > * > .ctrlTab-preview-inner {
+  color: white;
+  background-color: rgba(0,0,0,.6);
+  text-shadow: none;
+  padding: 8px;
+  border: 2px solid white;
+  border-radius: .5em;
+}
+
+.ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner {
+  margin: -10px -10px 0;
+}
+
+#ctrlTab-showAll {
+  margin-top: .5em;
 }
 
 /* Status panel */
 
 .statuspanel-label {
   margin: 0;
   padding: 2px 4px;
   background: linear-gradient(#fff, #ddd);