aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/client/views/nodes/DataVizBox/components/Chart.scss69
1 files changed, 35 insertions, 34 deletions
diff --git a/src/client/views/nodes/DataVizBox/components/Chart.scss b/src/client/views/nodes/DataVizBox/components/Chart.scss
index f1d09d2e7..d4f7bfb32 100644
--- a/src/client/views/nodes/DataVizBox/components/Chart.scss
+++ b/src/client/views/nodes/DataVizBox/components/Chart.scss
@@ -1,40 +1,41 @@
-.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;
-}
.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;
+ }
}