aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/DataVizBox
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/nodes/DataVizBox')
-rw-r--r--src/client/views/nodes/DataVizBox/DataVizBox.scss10
-rw-r--r--src/client/views/nodes/DataVizBox/DocCreatorMenu/DocCreatorMenu.scss26
-rw-r--r--src/client/views/nodes/DataVizBox/SchemaCSVPopUp.scss8
-rw-r--r--src/client/views/nodes/DataVizBox/components/Chart.scss4
-rw-r--r--src/client/views/nodes/DataVizBox/components/TableBox.tsx4
5 files changed, 26 insertions, 26 deletions
diff --git a/src/client/views/nodes/DataVizBox/DataVizBox.scss b/src/client/views/nodes/DataVizBox/DataVizBox.scss
index 9825d926f..32a01355e 100644
--- a/src/client/views/nodes/DataVizBox/DataVizBox.scss
+++ b/src/client/views/nodes/DataVizBox/DataVizBox.scss
@@ -37,25 +37,25 @@
margin-left: 10px;
margin-bottom: -10px;
}
-
+
.displaySchemaLive {
margin-bottom: 20px;
}
.dataviz-sidebar {
position: absolute;
- right: 0;
- top: 0;
+ right: 0px;
+ top: 0px;
height: 100%;
}
.button-container {
pointer-events: unset;
}
- .dataVizBox-annotationLayer{
+ .dataVizBox-annotationLayer {
position: absolute;
transform-origin: left top;
- top: 0;
+ top: 0px;
width: 100%;
pointer-events: none;
mix-blend-mode: multiply;
diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu/DocCreatorMenu.scss b/src/client/views/nodes/DataVizBox/DocCreatorMenu/DocCreatorMenu.scss
index 6eb7fa96a..e2261b9e2 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu/DocCreatorMenu.scss
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu/DocCreatorMenu.scss
@@ -110,12 +110,12 @@
&::before {
content: '';
position: absolute;
- top: 0;
- left: 0;
+ top: 0px;
+ left: 0px;
border-bottom: 20px solid rgb(50, 50, 50);
border-left: 12px solid transparent;
border-right: 12px solid transparent;
- height: 0;
+ height: 0px;
width: 50px;
}
@@ -127,7 +127,7 @@
border-bottom: 22px solid rgb(180, 180, 180);
border-left: 12px solid transparent;
border-right: 12px solid transparent;
- height: 0;
+ height: 0px;
width: 52px;
z-index: -1;
}
@@ -418,8 +418,8 @@
}
.div {
- width: 200;
- height: 200;
+ width: 200px;
+ height: 200px;
border: solid 1px white;
}
@@ -588,7 +588,7 @@
}
.docCreatorMenu-configuration-bar {
- width: 200;
+ width: 200px;
gap: 5px;
display: flex;
flex-direction: row;
@@ -709,8 +709,8 @@
width: 100%;
aspect-ratio: 1;
//height: auto;
- // max-width: 240;
- // max-height: 240;
+ // max-width: 240px;
+ // max-height: 240px;
border: 1px solid rgb(180, 180, 180);
border-radius: 5px;
background-color: rgb(34, 34, 37);
@@ -718,8 +718,8 @@
scrollbar-width: none;
&.small {
- max-width: 100;
- max-height: 100;
+ max-width: 100px;
+ max-height: 100px;
}
.docCreatorMenu-layout-preview-item {
@@ -1009,8 +1009,8 @@
}
&:hover .operator-dropdown-current {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0px;
+ border-bottom-left-radius: 0px;
}
&:hover .operator-dropdown-option {
diff --git a/src/client/views/nodes/DataVizBox/SchemaCSVPopUp.scss b/src/client/views/nodes/DataVizBox/SchemaCSVPopUp.scss
index 63a693918..0acc2c847 100644
--- a/src/client/views/nodes/DataVizBox/SchemaCSVPopUp.scss
+++ b/src/client/views/nodes/DataVizBox/SchemaCSVPopUp.scss
@@ -13,7 +13,7 @@ $highlightedText: #82e0ff;
min-height: 200px;
border-radius: 15px;
padding: 15px;
- padding-bottom: 0;
+ padding-bottom: 0px;
z-index: 999;
display: flex;
flex-direction: column;
@@ -40,7 +40,7 @@ $highlightedText: #82e0ff;
font-size: 12px;
font-weight: 400;
letter-spacing: 1px;
- margin: 0;
+ margin: 0px;
padding-right: 5px;
}
@@ -124,8 +124,8 @@ $highlightedText: #82e0ff;
.img-container::after {
content: '';
position: absolute;
- top: 0;
- left: 0;
+ top: 0px;
+ left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
diff --git a/src/client/views/nodes/DataVizBox/components/Chart.scss b/src/client/views/nodes/DataVizBox/components/Chart.scss
index ff1fa343d..a22e1153c 100644
--- a/src/client/views/nodes/DataVizBox/components/Chart.scss
+++ b/src/client/views/nodes/DataVizBox/components/Chart.scss
@@ -91,7 +91,7 @@
margin: 5px;
margin-left: 25px;
margin-right: 10px;
- margin-bottom: 0;
+ margin-bottom: 0px;
.tableBox-table {
height: 100%;
width: 100%;
@@ -101,7 +101,7 @@
text-overflow: ellipsis;
width: 100%;
white-space: pre;
- max-width: 150;
+ max-width: 150px;
overflow: hidden;
margin-left: 2px;
}
diff --git a/src/client/views/nodes/DataVizBox/components/TableBox.tsx b/src/client/views/nodes/DataVizBox/components/TableBox.tsx
index 9e0868cd5..cc08cf269 100644
--- a/src/client/views/nodes/DataVizBox/components/TableBox.tsx
+++ b/src/client/views/nodes/DataVizBox/components/TableBox.tsx
@@ -401,7 +401,7 @@ export class TableBox extends ObservableReactComponent<TableBoxProps> {
}
})}>
<thead>
- <tr style={{ height: this.startID * Number(DATA_VIZ_TABLE_ROW_HEIGHT) }} />
+ <tr style={{ height: this.startID * Number(DATA_VIZ_TABLE_ROW_HEIGHT.replace("px","")) }} />
<tr>
{this.columns.map((col, i) => (
<th
@@ -470,7 +470,7 @@ export class TableBox extends ObservableReactComponent<TableBoxProps> {
})}
</tr>
))}
- <tr style={{ display: this._tableDataIds.length - this.endID ? undefined : 'none', height: (this._tableDataIds.length - this.endID) * Number(DATA_VIZ_TABLE_ROW_HEIGHT) }} />
+ <tr style={{ display: this._tableDataIds.length - this.endID ? undefined : 'none', height: (this._tableDataIds.length - this.endID) * Number(DATA_VIZ_TABLE_ROW_HEIGHT.replace("px","")) }} />
</tbody>
</table>
</div>