Implement popup bubbles for the controlled setting indicator

chrome/browser/resources/shared/css/bubble.css

Index: chrome/browser/resources/shared/css/bubble.css
diff --git a/chrome/browser/resources/shared/css/bubble.css b/chrome/browser/resources/shared/css/bubble.css
index f3de7356c2406a46cae8e140db557069a11bb840..1763dec467a5bc731f29f84142f7919a76268f62 100644
--- a/chrome/browser/resources/shared/css/bubble.css
+++ b/chrome/browser/resources/shared/css/bubble.css
@@ -5,6 +5,7 @@
 
 .bubble {
   position: absolute;
+  white-space: normal;

[Evan Stade, 2012/09/21 12:12:11]

why is this necessary?

[bartfab (slow), 2012/09/24 17:15:55]

This is to ensure that the bubble has line breaking enabled even if its parent
does not. Previously, bubbles were appended to the end of the DOM tree. To
ensure correct tab focus order, the OptionsBubble now inserts itself into the
DOM as a sibling of the anchor node. In at least one case (managed network
indicators in the Chrome OS networks list), the parent of the anchor node has
line breaking disabled, making this declaration necessary. I placed the
declaration here to make sure all bubbles have it, allowing all subclasses of
BubbleBase to insert themselves in the correct tab order without worrying about
line breaking having been disabled.

   /* Height is dynamic, width fixed. */
   width: 300px;
   z-index: 9999;