[ash-md] Updates web-ui tooltips to MD

ui/login/bubble.js

 // Copyright 2014 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.
 
 /**
  * @fileoverview Bubble implementation.
  */
 
 // TODO(xiyuan): Move this into shared.
 cr.define('cr.ui', function() {
@@ skipping 10 matching lines @@
    */
   var Keys = {
     TAB: 'Tab',
     ENTER: 'Enter',
     ESC: 'Escape',
     SPACE: ' '
   };
 
   /**
    * Bubble attachment side.
-   * @enum {string}
+   * @enum {number}
    */
   Bubble.Attachment = {
-    RIGHT: 'bubble-right',
-    LEFT: 'bubble-left',
-    TOP: 'bubble-top',
-    BOTTOM: 'bubble-bottom'
+    RIGHT: 0,
+    LEFT: 1,
+    TOP: 2,
+    BOTTOM: 3
   };
 
   Bubble.prototype = {
     __proto__: HTMLDivElement.prototype,
 
     // Anchor element for this bubble.
     anchor_: undefined,
 
     // If defined, sets focus to this element once bubble is closed. Focus is
     // set to this element only if there's no any other focused element.
@@ skipping 79 matching lines @@
      * @private
      */
     handleSelfClick_: function(e) {
       // Allow clicking on [x] button.
       if (e.target && e.target.classList.contains('close-button'))
         return;
       e.stopPropagation();
     },
 
     /**
-     * Sets the attachment of the bubble.
-     * @param {!Attachment} attachment Bubble attachment.
-     */
-    setAttachment_: function(attachment) {
-      for (var k in Bubble.Attachment) {
-        var v = Bubble.Attachment[k];
-        this.classList.toggle(v, v == attachment);
-      }
-    },
-
-    /**
      * Shows the bubble for given anchor element.
      * @param {!Object} pos Bubble position (left, top, right, bottom in px).
-     * @param {!Attachment} attachment Bubble attachment (on which side of the
-     *     specified position it should be displayed).
      * @param {HTMLElement} opt_content Content to show in bubble.
      *     If not specified, bubble element content is shown.
      * @private
      */
-    showContentAt_: function(pos, attachment, opt_content) {
+    showContentAt_: function(pos, opt_content) {
       this.style.top = this.style.left = this.style.right = this.style.bottom =
           'auto';
       for (var k in pos) {
         if (typeof pos[k] == 'number')
           this.style[k] = pos[k] + 'px';
       }
       if (opt_content !== undefined) {
         this.innerHTML = '';
         this.appendChild(opt_content);
       }
-      this.setAttachment_(attachment);
       this.hidden = false;
       this.classList.remove('faded');
     },
 
     /**
      * Shows the bubble for given anchor element. Bubble content is not cleared.
      * @param {!HTMLElement} el Anchor element of the bubble.
      * @param {!Attachment} attachment Bubble attachment (on which side of the
      *     element it should be displayed).
      * @param {number=} opt_offset Offset of the bubble.
@@ skipping 18 matching lines @@
      *     half of its width/height.
      * @param {number=} opt_padding Optional padding of the bubble.
      */
     showContentForElement: function(el, attachment, opt_content,
                                     opt_offset, opt_padding) {
       /** @const */ var ARROW_OFFSET = 25;
       /** @const */ var DEFAULT_PADDING = 18;
 
       if (opt_padding == undefined)
         opt_padding = DEFAULT_PADDING;
+      opt_padding += 10;
 
       var origin = cr.ui.login.DisplayManager.getPosition(el);
       var offset = opt_offset == undefined ?
           [Math.min(ARROW_OFFSET, el.offsetWidth / 2),
            Math.min(ARROW_OFFSET, el.offsetHeight / 2)] :
           [opt_offset, opt_offset];
 
       var pos = {};
       if (isRTL()) {
         switch (attachment) {
@@ skipping 29 matching lines @@
             pos.top = origin.top + el.offsetHeight + opt_padding;
             break;
           case Bubble.Attachment.LEFT:
             pos.top = origin.top + offset[1] - ARROW_OFFSET;
             pos.right = origin.right + el.offsetWidth + opt_padding;
             break;
         }
       }
 
       this.anchor_ = el;
-      this.showContentAt_(pos, attachment, opt_content);
+      this.showContentAt_(pos, opt_content);
     },
 
     /**
      * Shows the bubble for given anchor element.
      * @param {!HTMLElement} el Anchor element of the bubble.
      * @param {string} text Text content to show in bubble.
      * @param {!Attachment} attachment Bubble attachment (on which side of the
      *     element it should be displayed).
      * @param {number=} opt_offset Offset of the bubble attachment point from
      *     left (for vertical attachment) or top (for horizontal attachment)
@@ skipping 99 matching lines @@
     handleWindowBlur_: function(e) {
       if (!this.hidden)
         this.hide();
     }
   };
 
   return {
     Bubble: Bubble
   };
 });