dom-ui settings: display bubbles for sub-page search results....

chrome/browser/resources/options/search_page.css

Index: chrome/browser/resources/options/search_page.css
===================================================================
--- chrome/browser/resources/options/search_page.css	(revision 71996)
+++ chrome/browser/resources/options/search_page.css	(working copy)
@@ -3,5 +3,30 @@
 }
 
 .search-highlighted {
-  background-color: #fff29f;
+  background-color: rgba(255, 240, 120, 0.9);
 }
+
+.search-bubble {
+  position: absolute;

[arv (Not doing code reviews), 2011/01/21 23:19:31]

Alphabetical order please

[csilv, 2011/01/24 19:17:34]

Done.

+  top: 0;
+  left: -1000px;  /* minor hack: position off-screen by default */

[arv (Not doing code reviews), 2011/01/21 23:19:31]

Use top instead since left is not good when using RTL

[csilv, 2011/01/24 19:17:34]

You asked me to change this from top to left previously.  ;-)  Changed back to
top.

+  width: 100px;
+  margin: 12px 0 0;
+  padding: 4px 10px;
+  background-color: rgba(255, 240, 120, 0.8);
+  border-radius: 6px;
+  box-shadow: 0 2px 2px #888;
+  -webkit-box-shadow: 0 2px 2px #888;
+  text-align: center;
+  pointer-events: none;
+}
+
+.search-bubble:after {
+  content: "";
+  position: absolute;
+  top: -10px;
+  left: 50px;

[arv (Not doing code reviews), 2011/01/21 23:19:31]

rtl?

[csilv, 2011/01/24 19:17:34]

The pointer is centered in the bubble, so this should be fine for RTL.

+  border-width: 0 10px 10px;
+  border-style: solid;
+  border-color: rgba(255, 240, 120, 0.9) transparent;
+}