update display of DispayTable

th2-net · Jul 4, 2024 · 5b68c38 · 5b68c38
1 parent 5a95337
commit 5b68c38
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 16 deletions.
diff --git a/src/components/JSONViewer/TreePanel.tsx b/src/components/JSONViewer/TreePanel.tsx
@@ -103,7 +103,10 @@ const TreePanel = ({
 						? 'expanded'
 						: null,
 					treeNode.id === JSONViewerStore.selectedTreeNode.id ? 'selected' : null,
-				)}>
+				)}
+				style={{
+					marginBottom: open && viewType === TreeViewType.DISPLAY_TABLE ? '5px' : undefined,
+				}}>
 				<div className='leafWrapper'>
 					<div style={{ width: `${20 * nest + (complexFields.length === 0 ? 23 : 0)}px` }} />
 					{((complexFields.length > 0 && viewType === TreeViewType.EVENTS_LIST) ||

diff --git a/src/styles/jupyter.scss b/src/styles/jupyter.scss
@@ -164,24 +164,11 @@
 
         th,td {
             display: table-cell;
-        }
-
-        td {
-            text-align: right;
-        }
-
-        td:first-child {
             text-align: left;
         }
 
-        tr:hover {
-            td.incorrect {
-                background-color: darken($failedBackgroundColor, 10px);
-            }
-        }
-
-        td.incorrect {
-            background-color: $failedBackgroundColor;
+        th {
+            background-color: $secondaryLightTextColor;
         }
     }
 }