Bug 869174 - [style editor] Remove unused bar at top of editor. r=harth
authorPaul Rouget <paul@mozilla.com>
Wed, 05 Jun 2013 05:48:00 +0200
changeset 136173 8d8330b65f2684005a263eb5ea709b45c493763b
parent 136172 1d0d9f1d632179355a516c4bf3cb0eb5758cc443
child 136174 ddf46f192e463f1f302c46bb20117d86b270d46f
push id24863
push uservporof@mozilla.com
push dateSun, 23 Jun 2013 16:01:06 +0000
treeherdermozilla-central@e7e9726025da [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersharth
bugs869174
milestone24.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 869174 - [style editor] Remove unused bar at top of editor. r=harth
browser/devtools/shared/splitview.css
browser/devtools/styleeditor/styleeditor.xul
browser/themes/linux/devtools/splitview.css
browser/themes/osx/devtools/splitview.css
browser/themes/windows/devtools/splitview.css
--- a/browser/devtools/shared/splitview.css
+++ b/browser/devtools/shared/splitview.css
@@ -79,17 +79,17 @@ ol.splitview-nav > li.splitview-filtered
 }
 
 .splitview-portrait-resizer {
   display: none;
 }
 
 /* portrait mode */
 @media (max-width: 550px) {
-  #splitview-details-toolbar {
+  .splitview-landscape-splitter {
     display: none;
   }
 
   .splitview-portrait-resizer {
     display: -moz-box;
   }
 
   .splitview-controller {
--- a/browser/devtools/styleeditor/styleeditor.xul
+++ b/browser/devtools/styleeditor/styleeditor.xul
@@ -54,27 +54,28 @@
                       label="&newButton.label;"/>
           <xul:toolbarbutton class="style-editor-importButton devtools-toolbarbutton"
                       accesskey="&importButton.accesskey;"
                       tooltiptext="&importButton.tooltip;"
                       label="&importButton.label;"/>
         </xul:toolbar>
       </xul:box>
       <xul:box id="splitview-resizer-target" class="splitview-nav-container"
-              persist="width height">
+              persist="height">
         <ol class="splitview-nav" tabindex="0"></ol>
         <div class="splitview-nav placeholder empty">
           <p><strong>&noStyleSheet.label;</strong></p>
           <p>&noStyleSheet-tip-start.label;
             <a href="#"
               class="style-editor-newButton">&noStyleSheet-tip-action.label;</a>
             &noStyleSheet-tip-end.label;</p>
         </div>
       </xul:box> <!-- .splitview-nav-container -->
     </xul:box>   <!-- .splitview-controller -->
+    <xul:splitter class="devtools-side-splitter splitview-landscape-splitter"/>
     <xul:box class="splitview-side-details"/>
 
     <div id="splitview-templates" hidden="true">
       <li id="splitview-tpl-summary-stylesheet" tabindex="0">
         <a class="stylesheet-enabled" tabindex="0" href="#"
           title="&visibilityToggle.tooltip;"
           accesskey="&saveButton.accesskey;"></a>
         <hgroup class="stylesheet-info">
@@ -90,19 +91,14 @@
           </div>
         </hgroup>
       </li>
 
       <xul:box id="splitview-tpl-details-stylesheet" class="splitview-details">
         <xul:resizer class="splitview-portrait-resizer"
                     dir="bottom"
                     element="splitview-resizer-target"/>
-        <xul:toolbar id="splitview-details-toolbar" class="devtools-toolbar">
-          <xul:resizer class="splitview-landscape-resizer"
-                      dir="bottomend"
-                      element="splitview-resizer-target"/>
-        </xul:toolbar>
         <xul:box class="stylesheet-editor-input textbox"
                 data-placeholder="&editorTextbox.placeholder;"/>
       </xul:box>
     </div> <!-- #splitview-templates -->
   </xul:box>   <!-- .splitview-root -->
 </xul:window>
--- a/browser/themes/linux/devtools/splitview.css
+++ b/browser/themes/linux/devtools/splitview.css
@@ -90,32 +90,18 @@
   width: auto;
   min-width: 48px;
   min-height: 0;
 }
 
 
 /* Resizers */
 
-.splitview-landscape-resizer {
-  -moz-appearance: none;
-  width: 7px;
-  background-image: linear-gradient(to right, black 1px, rgba(255,255,255,0.2) 1px);
-  background-size: 2px 10px;
-  background-clip: padding-box;
-  background-repeat: repeat-x;
-  border-width: 1px;
-  border-style: solid;
-  border-color: rgba(255, 255, 255, 0.05);
-  margin: 5px 0;
-  transform: translateX(-7px);
-}
-
-.splitview-landscape-resizer:-moz-locale-dir(rtl) {
-  transform: translateX(7px);
+.splitview-landscape-splitter {
+  -moz-border-start-color: transparent;
 }
 
 .splitview-portrait-resizer {
   -moz-appearance: none;
   background: linear-gradient(black 1px, rgba(255,255,255,0.2) 1px),
               linear-gradient(hsl(210,11%,36%), hsl(210,11%,18%));
   height: 12px;
   background-size: 10px 2px, 100% 12px;
--- a/browser/themes/osx/devtools/splitview.css
+++ b/browser/themes/osx/devtools/splitview.css
@@ -90,32 +90,18 @@
   width: auto;
   min-width: 48px;
   min-height: 0;
 }
 
 
 /* Resizers */
 
-.splitview-landscape-resizer {
-  -moz-appearance: none;
-  width: 7px;
-  background-image: linear-gradient(to right, black 1px, rgba(255,255,255,0.2) 1px);
-  background-size: 2px 10px;
-  background-clip: padding-box;
-  background-repeat: repeat-x;
-  border-width: 1px;
-  border-style: solid;
-  border-color: rgba(255, 255, 255, 0.05);
-  margin: 5px 0;
-  transform: translateX(-7px);
-}
-
-.splitview-landscape-resizer:-moz-locale-dir(rtl) {
-  transform: translateX(7px);
+.splitview-landscape-splitter {
+  -moz-border-start-color: transparent;
 }
 
 .splitview-portrait-resizer {
   -moz-appearance: none;
   background: linear-gradient(black 1px, rgba(255,255,255,0.2) 1px),
               linear-gradient(hsl(210,11%,36%), hsl(210,11%,18%));
   height: 12px;
   background-size: 10px 2px, 100% 12px;
--- a/browser/themes/windows/devtools/splitview.css
+++ b/browser/themes/windows/devtools/splitview.css
@@ -91,32 +91,18 @@
   width: auto;
   min-width: 48px;
   min-height: 0;
 }
 
 
 /* Resizers */
 
-.splitview-landscape-resizer {
-  -moz-appearance: none;
-  width: 7px;
-  background-image: linear-gradient(to right, black 1px, rgba(255,255,255,0.2) 1px);
-  background-size: 2px 10px;
-  background-clip: padding-box;
-  background-repeat: repeat-x;
-  border-width: 1px;
-  border-style: solid;
-  border-color: rgba(255, 255, 255, 0.05);
-  margin: 5px 0;
-  transform: translateX(-7px);
-}
-
-.splitview-landscape-resizer:-moz-locale-dir(rtl) {
-  transform: translateX(7px);
+.splitview-landscape-splitter {
+  -moz-border-start-color: transparent;
 }
 
 .splitview-portrait-resizer {
   -moz-appearance: none;
   background: linear-gradient(black 1px, rgba(255,255,255,0.2) 1px),
               linear-gradient(hsl(209,18%,34%), hsl(210,24%,16%));
   height: 12px;
   background-size: 10px 2px, 100% 12px;