[DevTools] Fix UI extreme cases: very small window and very large zoom.

Source/devtools/front_end/ui/SplitView.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  * 1. Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *
@@ skipping 16 matching lines @@
  */
 
 /**
  * @constructor
  * @extends {WebInspector.View}
  * @param {boolean} isVertical
  * @param {boolean} secondIsSidebar
  * @param {string=} settingName
  * @param {number=} defaultSidebarWidth
  * @param {number=} defaultSidebarHeight
+ * @param {boolean=} constraintsInDip
  */
-WebInspector.SplitView = function(isVertical, secondIsSidebar, settingName, defaultSidebarWidth, defaultSidebarHeight)
+WebInspector.SplitView = function(isVertical, secondIsSidebar, settingName, defaultSidebarWidth, defaultSidebarHeight, constraintsInDip)
 {
     WebInspector.View.call(this);
 
     this.registerRequiredCSS("splitView.css");
     this.element.classList.add("split-view");
 
     this._mainView = new WebInspector.VBox();
     this._mainElement = this._mainView.element;
     this._mainElement.className = "split-view-contents scroll-target split-view-main vbox"; // Override
 
@@ skipping 12 matching lines @@
     }
 
     this._resizerWidget = new WebInspector.ResizerWidget();
     this._resizerWidget.setEnabled(true);
     this._resizerWidget.addEventListener(WebInspector.ResizerWidget.Events.ResizeStart, this._onResizeStart, this);
     this._resizerWidget.addEventListener(WebInspector.ResizerWidget.Events.ResizeUpdate, this._onResizeUpdate, this);
     this._resizerWidget.addEventListener(WebInspector.ResizerWidget.Events.ResizeEnd, this._onResizeEnd, this);
 
     this._defaultSidebarWidth = defaultSidebarWidth || 200;
     this._defaultSidebarHeight = defaultSidebarHeight || this._defaultSidebarWidth;
+    this._constraintsInDip = !!constraintsInDip;
     this._settingName = settingName;
 
     this.setSecondIsSidebar(secondIsSidebar);
 
     this._innerSetVertical(isVertical);
     this._showMode = WebInspector.SplitView.ShowMode.Both;
 
     // Should be called after isVertical has the right value.
     this.installResizer(this._resizerElement);
 }
@@ skipping 279 matching lines @@
     isResizable: function()
     {
         return this._resizerWidget.isEnabled();
     },
 
     /**
      * @param {number} size
      */
     setSidebarSize: function(size)
     {
+        size *= WebInspector.zoomManager.zoomFactor();
         this._savedSidebarSize = size;
         this._saveSetting();
         this._innerSetSidebarSize(size, false, true);
     },
 
     /**
      * @return {number}
      */
     sidebarSize: function()
     {
-        return Math.max(0, this._sidebarSize);
+        var size = Math.max(0, this._sidebarSize);
+        return size / WebInspector.zoomManager.zoomFactor();
     },
 
     /**
      * Returns total size in DIP.
      * @return {number}
      */
     _totalSizeDIP: function()
     {
         if (!this._totalSize) {
             this._totalSize = this._isVertical ? this.element.offsetWidth : this.element.offsetHeight;
@@ skipping 167 matching lines @@
     },
 
     /**
      * @param {number} sidebarSize
      * @param {boolean=} userAction
      * @return {number}
      */
     _applyConstraints: function(sidebarSize, userAction)
     {
         var totalSize = this._totalSizeDIP();
-        var zoomFactor = WebInspector.zoomManager.zoomFactor();
+        var zoomFactor = this._constraintsInDip ? 1 : WebInspector.zoomManager.zoomFactor();
 
         var constraints = this._sidebarView.constraints();
         var minSidebarSize = this.isVertical() ? constraints.minimum.width : constraints.minimum.height;
         if (!minSidebarSize)
             minSidebarSize = WebInspector.SplitView.MinPadding;
         minSidebarSize *= zoomFactor;
 
         var preferredSidebarSize = this.isVertical() ? constraints.preferred.width : constraints.preferred.height;
         if (!preferredSidebarSize)
             preferredSidebarSize = WebInspector.SplitView.MinPadding;
         preferredSidebarSize *= zoomFactor;
         // Allow sidebar to be less than preferred by explicit user action.
         if (sidebarSize < preferredSidebarSize)
             preferredSidebarSize = Math.max(sidebarSize, minSidebarSize);
 
         constraints = this._mainView.constraints();
         var minMainSize = this.isVertical() ? constraints.minimum.width : constraints.minimum.height;
         if (!minMainSize)
             minMainSize = WebInspector.SplitView.MinPadding;
         minMainSize *= zoomFactor;
 
         var preferredMainSize = this.isVertical() ? constraints.preferred.width : constraints.preferred.height;
         if (!preferredMainSize)
             preferredMainSize = WebInspector.SplitView.MinPadding;
         preferredMainSize *= zoomFactor;
         var savedMainSize = this.isVertical() ? this._savedVerticalMainSize : this._savedHorizontalMainSize;
         if (typeof savedMainSize !== "undefined")
-            preferredMainSize = Math.min(preferredMainSize, savedMainSize);
+            preferredMainSize = Math.min(preferredMainSize, savedMainSize * zoomFactor);
         if (userAction)
             preferredMainSize = minMainSize;
 
         // Enough space for preferred.
         var totalPreferred = preferredMainSize + preferredSidebarSize;
         if (totalPreferred <= totalSize)
             return Number.constrain(sidebarSize, preferredSidebarSize, totalSize - preferredMainSize);
 
         // Enough space for minimum.
         if (minMainSize + minSidebarSize <= totalSize) {
@@ skipping 268 matching lines @@
         this._showHideSidebarButton.state = sidebarHidden ? "show" : "hide";
         this._showHideSidebarButton.element.classList.toggle("top-sidebar-show-hide-button", !this.isVertical() && !this.isSidebarSecond());
         this._showHideSidebarButton.element.classList.toggle("right-sidebar-show-hide-button", this.isVertical() && this.isSidebarSecond());
         this._showHideSidebarButton.element.classList.toggle("bottom-sidebar-show-hide-button", !this.isVertical() && this.isSidebarSecond());
         this._showHideSidebarButton.element.classList.toggle("left-sidebar-show-hide-button", this.isVertical() && !this.isSidebarSecond());
         this._showHideSidebarButton.title = sidebarHidden ? WebInspector.UIString("Show %s", this._showHideSidebarButtonTitle) : WebInspector.UIString("Hide %s", this._showHideSidebarButtonTitle);
     },
 
     __proto__: WebInspector.View.prototype
 }