DevTools: brush up command menu looks, render badges.

third_party/WebKit/Source/devtools/front_end/ui/Dialog.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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 87 matching lines @@
     },
 
     addCloseButton: function()
     {
         var closeButton = this.contentElement.createChild("div", "dialog-close-button", "dt-close-button");
         closeButton.gray = true;
         closeButton.addEventListener("click", this.detach.bind(this, false), false);
     },
 
     /**
+     * @param {number=} positionX
+     * @param {number=} positionY
+     */
+    setPosition: function(positionX, positionY)
+    {
+        this._defaultPositionX = positionX;
+        this._defaultPositionY = positionY;
+    },
+
+    /**
      * @param {!Size} size
      */
     setMaxSize: function(size)
     {
         this._maxSize = size;
     },
 
     /**
      * @param {boolean} wraps
      */
@@ skipping 69 matching lines @@
         if (this._wrapsContent) {
             width = Math.min(width, this.contentElement.offsetWidth);
             height = Math.min(height, this.contentElement.offsetHeight);
         }
 
         if (this._maxSize) {
             width = Math.min(width, this._maxSize.width);
             height = Math.min(height, this._maxSize.height);
         }
 
-        var positionX = (container.offsetWidth - width) / 2;
-        positionX = Number.constrain(positionX, 0, container.offsetWidth - width);
+        var positionX;
+        if (typeof this._defaultPositionX === "number") {
+            positionX = this._defaultPositionX;
+        } else {
+            positionX = (container.offsetWidth - width) / 2;
+            positionX = Number.constrain(positionX, 0, container.offsetWidth - width);
+        }
 
-        var positionY = (container.offsetHeight - height) / 2;
-        positionY = Number.constrain(positionY, 0, container.offsetHeight - height);
+        var positionY;
+        if (typeof this._defaultPositionY === "number") {
+            positionY = this._defaultPositionY;
+        } else {
+            positionY = (container.offsetHeight - height) / 2;
+            positionY = Number.constrain(positionY, 0, container.offsetHeight - height);
+        }
 
         this.element.style.width = width + "px";
         this.element.style.height = height + "px";
         this.element.positionAt(positionX, positionY, container);
     },
 
     /**
      * @param {!Event} event
      */
     _onKeyDown: function(event)
@@ skipping 39 matching lines @@
 {
     return WebInspector.Dialog._modalHostView;
 };
 
 WebInspector.Dialog.modalHostRepositioned = function()
 {
     if (WebInspector.Dialog._instance)
         WebInspector.Dialog._instance._position();
 };