blob: d4f7bfb32cac25aece3d805fe1b52335b4287802 (
plain)
| 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 | .chart-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: default;
    .tooltip {
        // make the height width bigger
        width: fit-content;
        height: fit-content;
    }
    .hoverHighlight-selected,
    .selected {
        // change the color of the circle element to be red
        fill: transparent;
        outline: red solid 2px;
        border-radius: 100%;
        position: absolute;
        transform-box: fill-box;
        transform-origin: center;
    }
    .hoverHighlight {
        fill: transparent;
        outline: black solid 1px;
        border-radius: 100%;
    }
    .hoverHighlight-selected {
        fill: transparent;
        scale: 1;
        outline: black solid 1px;
        border-radius: 100%;
    }
    .datapoint {
        fill: black;
    }
    .brushed {
        // change the color of the circle element to be red
        fill: red;
    }
}
 |