Line | |
---|
1 | .d3-tip {
|
---|
2 | line-height: 1;
|
---|
3 | font-weight: bold;
|
---|
4 | padding: 12px;
|
---|
5 | background: rgba(0, 0, 0, 0.8);
|
---|
6 | color: #fff;
|
---|
7 | border-radius: 2px;
|
---|
8 | pointer-events: none;
|
---|
9 | z-index: 4; position:relative
|
---|
10 | }
|
---|
11 |
|
---|
12 | /* Creates a small triangle extender for the tooltip */
|
---|
13 | .d3-tip:after {
|
---|
14 | box-sizing: border-box;
|
---|
15 | display: inline;
|
---|
16 | font-size: 10px;
|
---|
17 | width: 100%;
|
---|
18 | line-height: 1;
|
---|
19 | color: rgba(0, 0, 0, 0.8);
|
---|
20 | position: absolute;
|
---|
21 | pointer-events: none;
|
---|
22 | }
|
---|
23 |
|
---|
24 | /* Northward tooltips */
|
---|
25 | .d3-tip.n:after {
|
---|
26 | content: "\25BC";
|
---|
27 | margin: -1px 0 0 0;
|
---|
28 | top: 100%;
|
---|
29 | left: 0;
|
---|
30 | text-align: center;
|
---|
31 | }
|
---|
32 |
|
---|
33 | /* Eastward tooltips */
|
---|
34 | .d3-tip.e:after {
|
---|
35 | content: "\25C0";
|
---|
36 | margin: -4px 0 0 0;
|
---|
37 | top: 50%;
|
---|
38 | left: -8px;
|
---|
39 | }
|
---|
40 |
|
---|
41 | /* Southward tooltips */
|
---|
42 | .d3-tip.s:after {
|
---|
43 | content: "\25B2";
|
---|
44 | margin: 0 0 1px 0;
|
---|
45 | top: -8px;
|
---|
46 | left: 0;
|
---|
47 | text-align: center;
|
---|
48 | }
|
---|
49 |
|
---|
50 | /* Westward tooltips */
|
---|
51 | .d3-tip.w:after {
|
---|
52 | content: "\25B6";
|
---|
53 | margin: -4px 0 0 -1px;
|
---|
54 | top: 50%;
|
---|
55 | left: 100%;
|
---|
56 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.