DevTools: allow colorpicker to scroll horizontally

third_party/WebKit/Source/devtools/front_end/ui/GlassPane.js

 // Copyright 2017 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 UI.GlassPane = class {
   constructor() {
     this._widget = new UI.Widget(true);
     this._widget.markAsRoot();
     this.element = this._widget.element;
     this.contentElement = this._widget.contentElement;
@@ skipping 141 matching lines @@
       return;
     this._onClickOutsideCallback.call(null, event);
   }
 
   _positionContent() {
     if (!this.isShowing())
       return;
 
     var showArrow = this._marginBehavior === UI.GlassPane.MarginBehavior.Arrow;
     var gutterSize = showArrow ? 8 : (this._marginBehavior === UI.GlassPane.MarginBehavior.NoMargin ? 0 : 3);
-    var scrollbarSize = 14;
+    var scrollbarSize = 15;

[luoe, 2017/07/18 20:49:08]

Measured on Linux, manually tested on Mac and Windows with LiveEdit.

     var arrowSize = 10;
 
     var container = UI.GlassPane._containers.get(/** @type {!Document} */ (this.element.ownerDocument));
     if (this._sizeBehavior === UI.GlassPane.SizeBehavior.MeasureContent) {
       this.contentElement.positionAt(0, 0);
       this.contentElement.style.width = '';
       this.contentElement.style.maxWidth = '';
       this.contentElement.style.height = '';
       this.contentElement.style.maxHeight = '';
     }
@@ skipping 213 matching lines @@
 UI.GlassPane.MarginBehavior = {
   Arrow: Symbol('Arrow'),
   DefaultMargin: Symbol('DefaultMargin'),
   NoMargin: Symbol('NoMargin')
 };
 
 /** @type {!Map<!Document, !Element>} */
 UI.GlassPane._containers = new Map();
 /** @type {!Set<!UI.GlassPane>} */
 UI.GlassPane._panes = new Set();