aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/DataVizBox/components/Chart.scss
diff options
context:
space:
mode:
authormehekj <mehek.jethani@gmail.com>2023-04-10 16:08:58 -0400
committermehekj <mehek.jethani@gmail.com>2023-04-10 16:08:58 -0400
commitbff54ce7283f7a50a8c4184ea0543b7a2d338e25 (patch)
tree26af049cb8549aa75cc376524e123b78adf5a94f /src/client/views/nodes/DataVizBox/components/Chart.scss
parent7934c38ed641f4a10cd008fe415a50aef1240e10 (diff)
parent3cb7f85b23eb0ae3a432bbe15b8a2cda37290ce2 (diff)
Merge branch 'master' into schema-mehek
Diffstat (limited to 'src/client/views/nodes/DataVizBox/components/Chart.scss')
-rw-r--r--src/client/views/nodes/DataVizBox/components/Chart.scss40
1 files changed, 40 insertions, 0 deletions
diff --git a/src/client/views/nodes/DataVizBox/components/Chart.scss b/src/client/views/nodes/DataVizBox/components/Chart.scss
new file mode 100644
index 000000000..f1d09d2e7
--- /dev/null
+++ b/src/client/views/nodes/DataVizBox/components/Chart.scss
@@ -0,0 +1,40 @@
+.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;
+}