Bug 1453294: Reduce devtools min-width when docked to side. r?jdescottes draft
authorDaisuke Akatsuka <dakatsuka@mozilla.com>
Mon, 23 Apr 2018 14:39:20 +0900
changeset 786420 6fea6be6e05e8504ee80bdebdd90efd98634517f
parent 786343 378a8a64401f765bfd0706ff678a4f5db7c05385
push id107457
push userbmo:dakatsuka@mozilla.com
push dateMon, 23 Apr 2018 07:53:19 +0000
reviewersjdescottes
bugs1453294
milestone61.0a1
Bug 1453294: Reduce devtools min-width when docked to side. r?jdescottes MozReview-Commit-ID: 19NWuivvY1k
devtools/client/shared/test/browser_html_tooltip_rtl.js
devtools/client/themes/devtools-browser.css
--- a/devtools/client/shared/test/browser_html_tooltip_rtl.js
+++ b/devtools/client/shared/test/browser_html_tooltip_rtl.js
@@ -15,17 +15,16 @@ const TEST_URI = CHROME_URL_ROOT + "doc_
 const {HTMLTooltip} = require("devtools/client/shared/widgets/tooltip/HTMLTooltip");
 loadHelperScript("helper_html_tooltip.js");
 
 const TOOLBOX_WIDTH = 500;
 const TOOLTIP_WIDTH = 150;
 const TOOLTIP_HEIGHT = 30;
 
 add_task(async function() {
-  // Force the toolbox to be 500px wide (min width is 465px);
   await pushPref("devtools.toolbox.sidebar.width", TOOLBOX_WIDTH);
 
   let [,, doc] = await createHost("side", TEST_URI);
 
   info("Test a tooltip is not closed when clicking inside itself");
 
   let tooltip = new HTMLTooltip(doc, {useXulWrapper: false});
   let div = doc.createElementNS(HTML_NS, "div");
--- a/devtools/client/themes/devtools-browser.css
+++ b/devtools/client/themes/devtools-browser.css
@@ -1,17 +1,17 @@
 /* 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/. */
 
 @import url("resource://devtools/client/themes/splitters.css");
 @import url("resource://devtools/client/themes/commandline-browser.css");
 
 .devtools-toolbox-side-iframe {
-  min-width: 465px;
+  min-width: 250px;
 }
 
 /* Eyedropper Widget */
 /* <panel> added to mainPopupSet */
 
 .devtools-eyedropper-panel {
   pointer-events: none;
   -moz-appearance: none;