Bug 718259 - Remove the resizer button in the Inspector Toolbar; r=rcampbell,dao; ui-r=shorlander

browser/base/content/browser.xul

@@ -993,7 +993,6 @@
              hidden="true">
       <vbox flex="1">
         <resizer id="inspector-top-resizer" flex="1" 
-                 class="inspector-resizer"
                  dir="top" disabled="true"
                  element="inspector-tree-box"/>
         <hbox>
@@ -1029,10 +1028,6 @@
                          oncommand="InspectorUI.closeInspectorUI(false);"
                          tooltiptext="&inspectCloseButton.tooltiptext;"/>
 #endif
-          <resizer id="inspector-end-resizer"
-                   class="inspector-resizer"
-                   dir="top" disabled="true"
-                   element="inspector-tree-box"/>
         </hbox>
       </vbox>
     </toolbar>

browser/base/content/highlighter.css

@@ -34,12 +34,11 @@
   direction: ltr;
 }
 
-.inspector-resizer {
+#inspector-top-resizer {
   display: none;
 }
 
-#inspector-toolbar[treepanel-open] > vbox > #inspector-top-resizer,
+#inspector-toolbar[treepanel-open] > vbox > #inspector-top-resizer {
-#inspector-toolbar[treepanel-open] > vbox > hbox > #inspector-end-resizer {
   display: -moz-box;
 }
 

browser/themes/gnomestripe/browser.css

@@ -1989,7 +1989,6 @@ panel[dimmed="true"] {
 
 #inspector-toolbar[treepanel-open] {
   padding-top: 0;
-  -moz-padding-end: 0;
 }
 
 #devtools-side-splitter {
@@ -2007,31 +2006,15 @@ panel[dimmed="true"] {
   background-color: -moz-Field;
 }
 
-/* Highlighter - toolbar resizers */
+/* Highlighter - toolbar resizer */
-
-.inspector-resizer {
-  -moz-appearance: none;
-  cursor: n-resize;
-}
 
 #inspector-top-resizer {
+  -moz-appearance: none;
+  cursor: n-resize;
   background: none;
   height: 4px;
 }
 
-#inspector-end-resizer {
-  width: 12px;
-  height: 8px;
-  background-image: -moz-linear-gradient(top, black 1px, rgba(255,255,255,0.2) 1px);
-  background-size: 10px 2px;
-  background-clip: padding-box;
-  background-repeat: repeat-y;
-  border-width: 1px 1px 0;
-  border-style: solid;
-  border-color: rgba(255, 255, 255, 0.05);
-  margin: 7px 7px 8px;
-}
-
 /* Highlighter - Node Infobar */
 
 /* Highlighter - Node Infobar - text */

browser/themes/pinstripe/browser.css

@@ -2720,11 +2720,24 @@ panel[dimmed="true"] {
 
 #inspector-toolbar {
   border-top: 1px solid hsla(210, 8%, 5%, .65);
-  padding: 4px 16px 4px 0; /* use -moz-padding-end: 16px when/if bug 631729 gets fixed */
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+#inspector-toolbar:-moz-locale-dir(ltr) {
+  padding-left: 2px;
+  padding-right: 16px; /* use -moz-padding-end when/if bug 631729 gets fixed */
+}
+
+#inspector-toolbar:-moz-locale-dir(rtl) {
+  padding-left: 4px;
+  padding-right: 18px; /* use -moz-padding-end when/if bug 631729 gets fixed */
 }
 
 #inspector-toolbar[treepanel-open] {
-  padding: 0 0 4px;
+  padding-top: 0;
+  padding-right: 0;
+  -moz-padding-end: 4px;
 }
 
 #devtools-side-splitter {
@@ -2742,31 +2755,15 @@ panel[dimmed="true"] {
   background-color: -moz-Field;
 }
 
-/* Highlighter - toolbar resizers */
+/* Highlighter - toolbar resizer */
-
-.inspector-resizer {
-  -moz-appearance: none;
-  cursor: n-resize;
-}
 
 #inspector-top-resizer {
+  -moz-appearance: none;
+  cursor: n-resize;
   background: none;
   height: 4px;
 }
 
-#inspector-end-resizer {
-  width: 12px;
-  height: 8px;
-  background-image: -moz-linear-gradient(top, black 1px, rgba(255,255,255,0.2) 1px);
-  background-size: 10px 2px;
-  background-clip: padding-box;
-  background-repeat: repeat-y;
-  border-width: 1px 1px 0;
-  border-style: solid;
-  border-color: rgba(255, 255, 255, 0.05);
-  margin: 7px 7px 8px;
-}
-
 /* Highlighter - Node Infobar */
 
 /* Highlighter - Node Infobar - text */

browser/themes/winstripe/browser.css

@@ -2670,7 +2670,6 @@ panel[dimmed="true"] {
 
 #inspector-toolbar[treepanel-open] {
   padding-top: 0;
-  -moz-padding-end: 0;
 }
 
 #devtools-side-splitter {
@@ -2687,31 +2686,15 @@ panel[dimmed="true"] {
   background-color: -moz-Field;
 }
 
-/* Highlighter - toolbar resizers */
+/* Highlighter - toolbar resizer */
-
-.inspector-resizer {
-  -moz-appearance: none;
-  cursor: n-resize;
-}
 
 #inspector-top-resizer {
+  -moz-appearance: none;
+  cursor: n-resize;
   background: none;
   height: 4px;
 }
 
-#inspector-end-resizer {
-  width: 12px;
-  height: 8px;
-  background-image: -moz-linear-gradient(top, black 1px, rgba(255,255,255,0.2) 1px);
-  background-size: 10px 2px;
-  background-clip: padding-box;
-  background-repeat: repeat-y;
-  border-width: 1px 1px 0;
-  border-style: solid;
-  border-color: rgba(255, 255, 255, 0.05);
-  margin: 7px 7px 8px;
-}
-
 /* Highlighter - Node Infobar */
 
 /* Highlighter - Node Infobar - text */