Bug 1544530 - [sync 132] - Fixed Horizontal scrolling in the debugger secondary panel r=jlast
authorHelena Moreno <helenaenred@gmail.com>
Tue, 16 Apr 2019 16:52:27 +0000
changeset 469770 4b2f5b362c25
parent 469769 09bffecb192b
child 469771 4f6f63643ad2
push id35882
push usercbrindusan@mozilla.com
push dateWed, 17 Apr 2019 15:54:01 +0000
treeherdermozilla-central@37185c0ae520 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjlast
bugs1544530
milestone68.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 1544530 - [sync 132] - Fixed Horizontal scrolling in the debugger secondary panel r=jlast Differential Revision: https://phabricator.services.mozilla.com/D27714
devtools/client/debugger/src/components/SecondaryPanes/Breakpoints/Breakpoints.css
devtools/client/debugger/src/components/SecondaryPanes/Expressions.css
devtools/client/debugger/src/components/SecondaryPanes/SecondaryPanes.css
devtools/client/debugger/src/components/SecondaryPanes/XHRBreakpoints.css
--- a/devtools/client/debugger/src/components/SecondaryPanes/Breakpoints/Breakpoints.css
+++ b/devtools/client/debugger/src/components/SecondaryPanes/Breakpoints/Breakpoints.css
@@ -1,12 +1,16 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
+.breakpoints-pane > ._content {
+  overflow-x: auto;
+}
+
 .breakpoints-toggle {
   margin: 2px 3px;
 }
 
 .breakpoints-exceptions-options *,
 .breakpoints-list * {
   -moz-user-select: none;
   user-select: none;
--- a/devtools/client/debugger/src/components/SecondaryPanes/Expressions.css
+++ b/devtools/client/debugger/src/components/SecondaryPanes/Expressions.css
@@ -44,16 +44,17 @@
 .input-expression:focus {
   cursor: text;
 }
 
 .expressions-list {
   /* TODO: add normalize */
   margin: 0;
   padding: 4px 0px;
+  overflow-x: auto;
 }
 
 .expression-input-container {
   display: flex;
   border: 1px solid transparent;
 }
 
 .expression-input-container.focused {
--- a/devtools/client/debugger/src/components/SecondaryPanes/SecondaryPanes.css
+++ b/devtools/client/debugger/src/components/SecondaryPanes/SecondaryPanes.css
@@ -1,14 +1,15 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .secondary-panes {
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
   display: flex;
   flex-direction: column;
   flex: 1;
   white-space: nowrap;
   --breakpoint-expression-right-clear-space: 36px;
 }
 
 /*
--- a/devtools/client/debugger/src/components/SecondaryPanes/XHRBreakpoints.css
+++ b/devtools/client/debugger/src/components/SecondaryPanes/XHRBreakpoints.css
@@ -1,12 +1,16 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
+.xhr-breakpoints-pane ._content {
+  overflow-x: auto;
+}
+
 .xhr-input-container {
   display: flex;
   border: 1px solid transparent;
 }
 
 .xhr-input-container.focused {
   border: 1px solid var(--theme-highlight-blue);
 }