Update the notification bubble.

chrome/browser/resources/shared/css/expandable_bubble.css

+/* Copyright (c) 2011 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.
+ */
+
+.ex-bubble {

[Evan Stade, 2011/10/14 18:22:59]

don't abbreviate: use .expandable-bubble

+  position: absolute;
+  z-index: 9999;
+}
+
+.ex-bubble-contents {
+  color: black;
+  left: 1px;
+  line-height: 150%;
+  padding: 6px 3px 5px 6px;
+  position: relative;
+  right: 1px;
+  top: 1px;
+  z-index: 3;

[Evan Stade, 2011/10/14 18:22:59]

why no -webkit-transitions anywhere?

[Finnur, 2011/10/18 12:39:10]

Animations were deemed nice-to-have and since this project got pushed to M17
(and there is plenty of work left for M16) we decided to take what we have now
and get it in and polish it for M17 (this is all behind a flag anyway). 

On 2011/10/14 18:22:59, Evan Stade wrote:

+}
+
+.ex-bubble-contents-expanded {
+  width: 300px;
+}
+
+.ex-bubble-title {
+  text-align: center;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ex-bubble-title-bubble-expanded {
+  text-align: left;
+}
+
+.ex-bubble-title-left-align {
+  text-align: left;
+}
+
+.ex-bubble-main {

[arv (Not doing code reviews), 2011/10/14 22:20:55]

remove

+}
+
+.ex-bubble-close {
+  background-image: no-repeat 50% 50%;  
+  height: 16px;
+  position: absolute;
+  right: 6px;
+  top: 6px;
+  width: 16px;
+  z-index: 4;
+}
+
+.ex-bubble-close {
+  background-image: url('chrome://theme/IDR_CLOSE_BAR');
+}
+
+.ex-bubble-close:hover {
+  background-image: url('chrome://theme/IDR_CLOSE_BAR_H');
+}
+
+.ex-bubble-close:active {
+  background-image: url('chrome://theme/IDR_CLOSE_BAR_P');
+}
+
+.ex-bubble-shadow {
+  bottom: -2px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+
+.ex-bubble-arrow {

[Evan Stade, 2011/10/14 18:22:59]

I thought we were going for a hook arrow? Is this something you plan to change?
What is your plan for implementing the hook?

[Finnur, 2011/10/18 12:39:10]

Yes, same reason as above (pushed to M17). I don't exactly know how the hook
will be implemented, but I suspect it will be a bitmap once it shows up in M17.

[Evan Stade, 2011/10/18 16:34:15]

right... I just think fixing that is going to significantly change the
implementation. If you're telling me it's temporary and about to be deleted then
I hardly see the point in reviewing it.

+  /* The tip of the arrow.  */
+  border-bottom-right-radius: 1px;
+  /* No border on the right or top (inner sides of the rotated square) because
+   * it would overlap/darken the content shadow. */
+  border-right: none;
+  border-top: none;
+  bottom: -9px;
+  height: 15px;
+  position: absolute;
+  right: 15px;
+  width: 15px;
+  z-index: 2;
+  -webkit-transform: rotate(45deg);
+}
+
+.ex-bubble-contents,
+.ex-bubble-arrow {
+  background: white;
+}
+
+.ex-bubble-shadow,
+.ex-bubble-arrow {
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
+}
+
+.ex-bubble-shadow,
+.ex-bubble-contents {
+  border-radius: 6px;
+  box-sizing: border-box;
+}