Backed out changeset eb4d2915ab26 (bug 951674)

browser/devtools/shared/widgets/VariablesView.jsm

@@ -907,6 +907,7 @@ VariablesView.prototype = {
     label.className = "variables-view-empty-notice";
     label.setAttribute("value", this._emptyTextValue);
 
+    this._parent.setAttribute("empty", "");
     this._parent.appendChild(label);
     this._emptyTextNode = label;
   },
@@ -919,6 +920,7 @@ VariablesView.prototype = {
       return;
     }
 
+    this._parent.removeAttribute("empty");
     this._parent.removeChild(this._emptyTextNode);
     this._emptyTextNode = null;
   },

browser/themes/linux/devtools/debugger.css

@@ -10,7 +10,7 @@
 }
 
 #sources-and-editor-splitter {
-  border-color: transparent;
+  -moz-border-start-color: transparent;
 }
 
 /* Sources toolbar */
@@ -374,7 +374,7 @@
 }
 
 #globalsearch + .devtools-horizontal-splitter {
-  border-color: #bfbfbf;
+  -moz-border-top-colors: #bfbfbf;
 }
 
 .dbg-source-results {

browser/themes/linux/devtools/widgets.css

@@ -270,7 +270,7 @@
 
 .side-menu-widget-container {
   /* Hack: force hardware acceleration */
-  transform: translateZ(1px);
+  transform: translateX(0px);
 }
 
 .side-menu-widget-container[theme="dark"] {
@@ -436,9 +436,9 @@
 
 /* VariablesView */
 
-.variables-view-container {
+.variables-view-container:not([empty]) {
   /* Hack: force hardware acceleration */
-  transform: translateZ(1px);
+  transform: translateX(1px);
 }
 
 .variables-view-empty-notice {

browser/themes/osx/devtools/debugger.css

@@ -12,7 +12,7 @@
 }
 
 #sources-and-editor-splitter {
-  border-color: transparent;
+  -moz-border-start-color: transparent;
 }
 
 /* Sources toolbar */
@@ -376,7 +376,7 @@
 }
 
 #globalsearch + .devtools-horizontal-splitter {
-  border-color: #bfbfbf;
+  -moz-border-top-colors: #bfbfbf;
 }
 
 .dbg-source-results {

browser/themes/osx/devtools/widgets.css

@@ -270,7 +270,7 @@
 
 .side-menu-widget-container {
   /* Hack: force hardware acceleration */
-  transform: translateZ(1px);
+  transform: translateX(0px);
 }
 
 .side-menu-widget-container[theme="dark"] {
@@ -430,9 +430,9 @@
 
 /* VariablesView */
 
-.variables-view-container {
+.variables-view-container:not([empty]) {
   /* Hack: force hardware acceleration */
-  transform: translateZ(1px);
+  transform: translateX(1px);
 }
 
 .variables-view-empty-notice {

browser/themes/shared/devtools/common.css

@@ -26,23 +26,23 @@
   -moz-appearance: none;
   background-image: none;
   background-color: transparent;
-  border: 0;
-  border-bottom: 1px solid black;
+  border: 1px solid black;
+  border-width: 1px 0 0 0;
   min-height: 3px;
   height: 3px;
-  margin-top: -2px;
+  margin-bottom: -3px;
   position: relative;
 }
 
 .devtools-side-splitter {
   -moz-appearance: none;
   background-image: none;
-  background-color: transparent;
   border: 0;
-  -moz-border-end: 1px solid black;
-  min-width: 3px;
+  -moz-border-start: 1px solid black;
+  min-width: 0;
   width: 3px;
-  -moz-margin-start: -3px;
+  background-color: transparent;
+  -moz-margin-end: -3px;
   position: relative;
   cursor: e-resize;
 }

browser/themes/shared/devtools/profiler.inc.css

@@ -13,7 +13,7 @@
 }
 
 .devtools-toolbar {
-  min-height: 33px;
+  min-height: 33px; 
 }
 
 .profiler-sidebar {
@@ -21,7 +21,7 @@
 }
 
 .profiler-sidebar + .devtools-side-splitter {
-  border-color: transparent;
+  -moz-border-start-color: transparent;
 }
 
 .profiler-sidebar-item {
@@ -86,4 +86,4 @@
 
 #profiler-start[checked] {
   -moz-image-region: rect(0px,32px,16px,16px);
-}
+}

browser/themes/shared/devtools/shadereditor.inc.css

@@ -46,7 +46,7 @@
 }
 
 #shaders-pane + .devtools-side-splitter {
-  border-color: transparent;
+  -moz-border-start-color: transparent;
 }
 
 .side-menu-widget-item-checkbox {
@@ -88,7 +88,7 @@
 /* Shader source editors */
 
 #editors-splitter {
-  border-color: rgb(61,69,76);
+  -moz-border-start-color: rgb(61,69,76);
 }
 
 .editor-label {

browser/themes/windows/devtools/debugger.css

@@ -10,7 +10,7 @@
 }
 
 #sources-and-editor-splitter {
-  border-color: transparent;
+  -moz-border-start-color: transparent;
 }
 
 /* Sources toolbar */
@@ -374,7 +374,7 @@
 }
 
 #globalsearch + .devtools-horizontal-splitter {
-  border-color: #bfbfbf;
+  -moz-border-top-colors: #bfbfbf;
 }
 
 .dbg-source-results {

browser/themes/windows/devtools/widgets.css

@@ -274,7 +274,7 @@
 
 .side-menu-widget-container {
   /* Hack: force hardware acceleration */
-  transform: translateZ(1px);
+  transform: translateX(0px);
 }
 
 .side-menu-widget-container[theme="dark"] {
@@ -433,9 +433,9 @@
 
 /* VariablesView */
 
-.variables-view-container {
+.variables-view-container:not([empty]) {
   /* Hack: force hardware acceleration */
-  transform: translateZ(1px);
+  transform: translateX(1px);
 }
 
 .variables-view-empty-notice {