Bug 1107849 - Define a min/max width for the performance panel sidebar. r=vporof
authorPatrick Brosset <pbrosset@mozilla.com>
Mon, 04 May 2015 15:09:37 +0200
changeset 272495 55d489bb8ad56d0ec55123f48e44682653ec8ee1
parent 272494 651329fc467add421e4188851163b39ac820b6bc
child 272496 c2da2db00b08cb901be5c09a223a7c8ad7c00cab
push id4830
push userjlund@mozilla.com
push dateMon, 29 Jun 2015 20:18:48 +0000
treeherdermozilla-beta@4c2175bb0420 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersvporof
bugs1107849
milestone40.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 1107849 - Define a min/max width for the performance panel sidebar. r=vporof This adds the devtools-main-content class to the waterfall panel in the performance tab so that there's a min-width of 50px defined on it, and also adds a min-width to the waterfall details sidebar of 50px so that it can't be collapsed fully (which would make it impossible to resize).
browser/devtools/performance/performance.xul
browser/themes/shared/devtools/performance.inc.css
--- a/browser/devtools/performance/performance.xul
+++ b/browser/devtools/performance/performance.xul
@@ -169,17 +169,17 @@
                   flex="1">
                   <vbox>
                     <label class="console-profile-recording-notice" />
                     <label class="console-profile-stop-notice" />
                   </vbox>
             </hbox>
             <deck id="details-pane" flex="1">
               <hbox id="waterfall-view" flex="1">
-                <vbox id="waterfall-breakdown" flex="1" />
+                <vbox id="waterfall-breakdown" flex="1" class="devtools-main-content" />
                 <splitter class="devtools-side-splitter"/>
                 <vbox id="waterfall-details"
                       class="theme-sidebar"
                       width="150"
                       height="150"/>
               </hbox>
 
               <hbox id="js-profile-view" flex="1">
--- a/browser/themes/shared/devtools/performance.inc.css
+++ b/browser/themes/shared/devtools/performance.inc.css
@@ -410,16 +410,17 @@
    text-decoration: underline;
 }
 
 #waterfall-details {
   -moz-padding-start: 8px;
   -moz-padding-end: 8px;
   padding-top: 2vh;
   overflow: auto;
+  min-width: 50px;
 }
 
 .marker-details-bullet {
   width: 8px;
   height: 8px;
   border-radius: 1px;
 }