aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorbobzel <zzzman@gmail.com>2023-04-11 09:50:29 -0400
committerbobzel <zzzman@gmail.com>2023-04-11 09:50:29 -0400
commit1e781aebb1c1d9c95592f63035c08566958d972a (patch)
treebf839acdfd932b2b0de529665e8a0c45d5e3e9cf /src
parent6520bb8594b6cee9a4df09b25adf7aa590ef29e4 (diff)
linechart css fix
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;
+ }
}