Bug 1403389 - Using double arrow splitter instead of single arrow splitter in dev-tools panels. r=jdescottes draft
authorabhinav <abhinav.koppula@gmail.com>
Thu, 28 Sep 2017 14:38:02 +0530
changeset 674184 b0d13279fdd90a2093a821fa1bce3ffaa8cdc2ad
parent 673986 65dac33a5682f3ec5a675e7f3314b0c1520a13fa
child 734246 e5aebae7c56e1577be4afa645503a8e7110ae04b
push id82745
push userbmo:abhinav.koppula@gmail.com
push dateTue, 03 Oct 2017 10:37:33 +0000
reviewersjdescottes
bugs1403389
milestone58.0a1
Bug 1403389 - Using double arrow splitter instead of single arrow splitter in dev-tools panels. r=jdescottes MozReview-Commit-ID: 51mACt8sfji
devtools/client/themes/splitters.css
devtools/client/themes/widgets.css
--- a/devtools/client/themes/splitters.css
+++ b/devtools/client/themes/splitters.css
@@ -52,28 +52,28 @@
     var(--devtools-splitter-bottom-width) + 1px);
 
   border-top-width: var(--devtools-splitter-top-width);
   border-bottom-width: var(--devtools-splitter-bottom-width);
 
   margin-top: calc(-1 * var(--devtools-splitter-top-width) - 1px);
   margin-bottom: calc(-1 * var(--devtools-splitter-bottom-width));
 
-  cursor: n-resize;
+  cursor: ns-resize;
 }
 
 .devtools-side-splitter {
   min-width: calc(var(--devtools-splitter-inline-start-width) +
     var(--devtools-splitter-inline-end-width) + 1px);
 
   border-inline-start-width: var(--devtools-splitter-inline-start-width);
   border-inline-end-width: var(--devtools-splitter-inline-end-width);
 
   margin-inline-start: calc(-1 * var(--devtools-splitter-inline-start-width) - 1px);
   margin-inline-end: calc(-1 * var(--devtools-splitter-inline-end-width));
 
-  cursor: e-resize;
+  cursor: ew-resize;
 }
 
 .devtools-horizontal-splitter.disabled,
 .devtools-side-splitter.disabled {
   pointer-events: none;
 }
--- a/devtools/client/themes/widgets.css
+++ b/devtools/client/themes/widgets.css
@@ -89,18 +89,18 @@
 
     /* Reset the vertical splitter styles */
     min-width: 0;
     border-inline-end-width: 0;
     border-inline-start-width: 0;
     margin-inline-end: 0;
     margin-inline-start: 0;
 
-    /* In some edge case the cursor is not changed to n-resize */
-    cursor: n-resize;
+    /* In some edge case the cursor is not changed to ns-resize */
+    cursor: ns-resize;
   }
 
   .devtools-responsive-container > .devtools-sidebar-tabs:not(.pane-collapsed) {
     /* When the panel is collapsed min/max height should not be applied because
        collapsing relies on negative margins, which implies constant height. */
     min-height: 35vh;
     max-height: 75vh;
   }