Bug 1503199 - [devtools] Increase min width for side panels in Inspector and Accessibility panels r=bomsy
authorJulian Descottes <jdescottes@mozilla.com>
Mon, 30 Aug 2021 15:14:05 +0000
changeset 590205 34d027f752eedfaa8b508d0a787b5f42a4cf7bbb
parent 590204 3602cbaf8893a15b047d2c6d011078b6cad4d3f7
child 590206 330618351bf0bf326ce410cda498c1011ac5ac4e
push id38748
push usermlaza@mozilla.com
push dateTue, 31 Aug 2021 03:18:05 +0000
treeherdermozilla-central@a75035552058 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbomsy
bugs1503199
milestone93.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 1503199 - [devtools] Increase min width for side panels in Inspector and Accessibility panels r=bomsy Differential Revision: https://phabricator.services.mozilla.com/D123927
devtools/client/accessibility/components/MainFrame.js
devtools/client/inspector/inspector.js
--- a/devtools/client/accessibility/components/MainFrame.js
+++ b/devtools/client/accessibility/components/MainFrame.js
@@ -190,17 +190,17 @@ class MainFrame extends Component {
           {
             "aria-hidden": isAuditing,
             role: "presentation",
             style: { display: "contents" },
           },
           SplitBox({
             ref: "splitBox",
             initialSize: SIDEBAR_WIDTH,
-            minSize: "10px",
+            minSize: "10%",
             maxSize: "80%",
             splitterSize: 1,
             endPanelControl: true,
             startPanel: div(
               {
                 className: "main-panel",
                 role: "presentation",
                 tabIndex: "-1",
--- a/devtools/client/inspector/inspector.js
+++ b/devtools/client/inspector/inspector.js
@@ -767,17 +767,17 @@ Inspector.prototype = {
       maxSize: "80%",
       splitterSize: 1,
       endPanelControl: true,
       startPanel: this.InspectorTabPanel({
         id: "inspector-main-content",
       }),
       endPanel: this.InspectorSplitBox({
         initialWidth: splitSidebarWidth,
-        minSize: 10,
+        minSize: "225px",
         maxSize: "80%",
         splitterSize: this.is3PaneModeEnabled ? 1 : 0,
         endPanelControl: this.is3PaneModeEnabled,
         startPanel: this.InspectorTabPanel({
           id: "inspector-rules-container",
         }),
         endPanel: this.InspectorTabPanel({
           id: "inspector-sidebar-container",