aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/DataVizBox/components/Chart.scss
diff options
context:
space:
mode:
authorSophie Zhang <sophie_zhang@brown.edu>2023-09-18 17:40:01 -0400
committerSophie Zhang <sophie_zhang@brown.edu>2023-09-18 17:40:01 -0400
commit013f25f01e729feee5db94900c61f4be4dd46869 (patch)
tree765dd5f2e06d6217ca79438e1098cefc8da627bf /src/client/views/nodes/DataVizBox/components/Chart.scss
parentf5e765adff1e7b32250eb503c9724a4ac99117f3 (diff)
parent84aa8806a62e2e957e8281d7d492139e3d8225f2 (diff)
Merge branch 'master' into sophie-report-manager
Diffstat (limited to 'src/client/views/nodes/DataVizBox/components/Chart.scss')
-rw-r--r--src/client/views/nodes/DataVizBox/components/Chart.scss68
1 files changed, 68 insertions, 0 deletions
diff --git a/src/client/views/nodes/DataVizBox/components/Chart.scss b/src/client/views/nodes/DataVizBox/components/Chart.scss
index d4f7bfb32..50dfe7f05 100644
--- a/src/client/views/nodes/DataVizBox/components/Chart.scss
+++ b/src/client/views/nodes/DataVizBox/components/Chart.scss
@@ -3,6 +3,55 @@
flex-direction: column;
align-items: center;
cursor: default;
+ margin-top: 10px;
+ overflow-y: visible;
+
+ .graph{
+ overflow: visible;
+ }
+ .graph-title{
+ align-items: center;
+ font-size: larger;
+ display: flex;
+ flex-direction: row;
+ margin-top: -10px;
+ margin-bottom: -10px;
+ }
+ .asHistogram-checkBox {
+ // display: flex;
+ // flex-direction: row;
+ align-items: left;
+ align-self: left;
+ align-content: left;
+ justify-content: flex-end;
+ float: left;
+ left: 0;
+ position: relative;
+ margin-bottom: -35px;
+ }
+ .selected-data{
+ align-items: center;
+ text-align: center;
+ display: flex;
+ flex-direction: row;
+ margin: 10px;
+ margin-top: -25px;
+ margin-bottom: 5px;
+ }
+ .slice {
+ &.hover {
+ stroke: black;
+ stroke-width: 2px;
+ }
+ }
+
+ .histogram-bar{
+ outline: thin solid black;
+ &.hover{
+ outline: 3px solid black;
+ outline-offset: -3px;
+ }
+ }
.tooltip {
// make the height width bigger
@@ -39,3 +88,22 @@
fill: red;
}
}
+.tableBox {
+ display: flex;
+ flex-direction: column;
+}
+.table-container{
+ overflow: scroll;
+ margin: 5px;
+ margin-left: 25px;
+ margin-right: 10px;
+ margin-bottom: 0;
+}
+.selectAll-buttons {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ margin-top: 5px;
+ margin-right: 10px;
+ float: right;
+} \ No newline at end of file