|
OLD | NEW |
---|---|
(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 } | |
OLD | NEW |