From a7a7a5a75845d40f835a38a3af24f000db50009b Mon Sep 17 00:00:00 2001
From: geireann <geireann.lindfield@gmail.com>
Date: Fri, 13 Jun 2025 10:15:42 -0400
Subject: fixed layout of tableBox after previous html update

---
 src/client/views/global/globalCssVariables.module.scss    | 2 +-
 src/client/views/nodes/DataVizBox/components/TableBox.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/client/views/global/globalCssVariables.module.scss b/src/client/views/global/globalCssVariables.module.scss
index 82f6caa52..7641d4929 100644
--- a/src/client/views/global/globalCssVariables.module.scss
+++ b/src/client/views/global/globalCssVariables.module.scss
@@ -75,7 +75,7 @@ $CAROUSEL3D_CENTER_SCALE: 1.3;
 $CAROUSEL3D_SIDE_SCALE: 0.6;
 $CAROUSEL3D_TOP: 15;
 
-$DATA_VIZ_TABLE_ROW_HEIGHT: 30;
+$DATA_VIZ_TABLE_ROW_HEIGHT: 30px;
 
 :export {
     contextMenuZindex: $contextMenu-zindex;
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>
-- 
cgit v1.2.3-70-g09d2