Implement popup bubbles for the controlled setting indicator

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

 /* Copyright (c) 2012 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.
  */
 
 .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;
 }
 
 .bubble-content {
   color: black;
   left: 1px;
   line-height: 150%;
   padding: 8px 11px 12px;
@@ skipping 68 matching lines @@
 .bubble-shadow,
 .bubble-arrow {
   border: 1px solid rgba(0, 0, 0, 0.3);
 }
 
 .bubble-shadow,
 .bubble-content {
   border-radius: 6px;
   box-sizing: border-box;
 }