OLD | NEW |
---|---|
1 .search-hidden { | 1 .search-hidden { |
2 display: none; | 2 display: none; |
3 } | 3 } |
4 | 4 |
5 .search-highlighted { | 5 .search-highlighted { |
6 background-color: #fff29f; | 6 background-color: rgba(255, 240, 120, 0.8); |
7 } | 7 } |
8 | |
9 .search-bubble { | |
10 position: absolute; | |
11 left: -1000px; /* minor hack: position off-screen by default */ | |
arv (Not doing code reviews)
2011/01/07 22:09:45
Use top: -1000px instead
csilv
2011/01/20 21:40:30
Done.
| |
12 top: 0px; | |
arv (Not doing code reviews)
2011/01/07 22:09:45
s/0px/0/
csilv
2011/01/20 21:40:30
Done.
| |
13 width: 100px; | |
14 margin: 12px 0 0; | |
15 padding: 4px 10px; | |
16 background-color: rgba(255, 240, 120, 0.8); | |
17 border-radius: 6px; | |
18 box-shadow: 0 2px 2px #888; | |
19 -webkit-box-shadow: 0 2px 2px #888; | |
20 text-align: center; | |
arv (Not doing code reviews)
2011/01/07 22:09:45
I think you should probably have pointer-events: n
csilv
2011/01/20 21:40:30
Done.
| |
21 } | |
22 | |
23 .search-bubble:after { | |
arv (Not doing code reviews)
2011/01/07 22:09:45
Could you explain what this is for?
csilv
2011/01/20 21:40:30
This is used to create the bubble "pointer" (arrow
| |
24 content: ""; | |
25 position: absolute; | |
26 top: -10px; | |
27 left: 50px; | |
28 border-width: 0 10px 10px; | |
29 border-style: solid; | |
30 border-color: rgba(255, 240, 120, 0.8) transparent; | |
31 } | |
OLD | NEW |