Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(955)

Side by Side Diff: chrome/browser/resources/shared/css/expandable_bubble.css

Issue 8208014: Update the notification bubble. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/
Patch Set: Created 9 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
Property Changes:
Added: svn:eol-style
+ LF
OLDNEW
(Empty)
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file.
4 */
5
6 .ex-bubble {
Evan Stade 2011/10/14 18:22:59 don't abbreviate: use .expandable-bubble
7 position: absolute;
8 z-index: 9999;
9 }
10
11 .ex-bubble-contents {
12 color: black;
13 left: 1px;
14 line-height: 150%;
15 padding: 6px 3px 5px 6px;
16 position: relative;
17 right: 1px;
18 top: 1px;
19 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
20 }
21
22 .ex-bubble-contents-expanded {
23 width: 300px;
24 }
25
26 .ex-bubble-title {
27 text-align: center;
28 text-overflow: ellipsis;
29 white-space: nowrap;
30 }
31
32 .ex-bubble-title-bubble-expanded {
33 text-align: left;
34 }
35
36 .ex-bubble-title-left-align {
37 text-align: left;
38 }
39
40 .ex-bubble-main {
arv (Not doing code reviews) 2011/10/14 22:20:55 remove
41 }
42
43 .ex-bubble-close {
44 background-image: no-repeat 50% 50%;
45 height: 16px;
46 position: absolute;
47 right: 6px;
48 top: 6px;
49 width: 16px;
50 z-index: 4;
51 }
52
53 .ex-bubble-close {
54 background-image: url('chrome://theme/IDR_CLOSE_BAR');
55 }
56
57 .ex-bubble-close:hover {
58 background-image: url('chrome://theme/IDR_CLOSE_BAR_H');
59 }
60
61 .ex-bubble-close:active {
62 background-image: url('chrome://theme/IDR_CLOSE_BAR_P');
63 }
64
65 .ex-bubble-shadow {
66 bottom: -2px;
67 left: 0;
68 position: absolute;
69 right: 0;
70 top: 0;
71 z-index: 1;
72 }
73
74 .ex-bubble-arrow {
Evan Stade 2011/10/14 18:22:59 I thought we were going for a hook arrow? Is this
Finnur 2011/10/18 12:39:10 Yes, same reason as above (pushed to M17). I don't
Evan Stade 2011/10/18 16:34:15 right... I just think fixing that is going to sign
75 /* The tip of the arrow. */
76 border-bottom-right-radius: 1px;
77 /* No border on the right or top (inner sides of the rotated square) because
78 * it would overlap/darken the content shadow. */
79 border-right: none;
80 border-top: none;
81 bottom: -9px;
82 height: 15px;
83 position: absolute;
84 right: 15px;
85 width: 15px;
86 z-index: 2;
87 -webkit-transform: rotate(45deg);
88 }
89
90 .ex-bubble-contents,
91 .ex-bubble-arrow {
92 background: white;
93 }
94
95 .ex-bubble-shadow,
96 .ex-bubble-arrow {
97 border: 1px solid rgba(0, 0, 0, 0.3);
98 -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
99 }
100
101 .ex-bubble-shadow,
102 .ex-bubble-contents {
103 border-radius: 6px;
104 box-sizing: border-box;
105 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698