make the settings search page bubbles look cool

chrome/browser/resources/options2/search_page.js

Index: chrome/browser/resources/options2/search_page.js
diff --git a/chrome/browser/resources/options2/search_page.js b/chrome/browser/resources/options2/search_page.js
index 8599fd5e9839ade2c6390945a424cfc0de219b20..91775723a2eee041bdabfbc0768786aba826ec28 100644
--- a/chrome/browser/resources/options2/search_page.js
+++ b/chrome/browser/resources/options2/search_page.js
@@ -12,7 +12,7 @@ cr.define('options', function() {
   function SearchBubble(text) {
     var el = cr.doc.createElement('div');
     SearchBubble.decorate(el);
-    el.textContent = text;
+    el.content = text;
     return el;
   }
 
@@ -27,6 +27,10 @@ cr.define('options', function() {
     decorate: function() {
       this.className = 'search-bubble';
 
+      this.innards_ = cr.doc.createElement('div');
+      this.innards_.className = 'search-bubble-innards';
+      this.appendChild(this.innards_);
+
       // We create a timer to periodically update the position of the bubbles.
       // While this isn't all that desirable, it's the only sure-fire way of
       // making sure the bubbles stay in the correct location as sections
@@ -34,6 +38,10 @@ cr.define('options', function() {
       this.intervalId = setInterval(this.updatePosition.bind(this), 250);
     },
 

[Dan Beam, 2012/05/22 03:40:51]

can you annotate the @type?

[Evan Stade, 2012/05/22 03:55:36]

Done.

+    set content(text) {
+      this.innards_.textContent = text;
+    },
+
   /**
    * Attach the bubble to the element.
    */