[Discover] Vertically align source cells with others

Signed-off-by: Miki <[email protected]>
AMoo-Miki · Jan 31, 2024 · 8960bcf · 8960bcf
1 parent 71143df
commit 8960bcf
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/plugins/discover/public/application/components/default_discover_table/_table_cell.scss b/src/plugins/discover/public/application/components/default_discover_table/_table_cell.scss
@@ -54,3 +54,10 @@
   max-height: 10em;
   overflow: hidden;
 }
+
+.osdDocTableCell__source {
+  .osdDocTable__limitedHeight {
+    transform: translateY(-3px);
+    max-height: calc(10em - 3px);
+  }
+}
diff --git a/src/plugins/discover/public/application/components/default_discover_table/table_rows.tsx b/src/plugins/discover/public/application/components/default_discover_table/table_rows.tsx
@@ -74,7 +74,7 @@ export const TableRow = ({
           return (
             <td
               key={columnId}
-              className="osdDocTableCell eui-textBreakAll eui-textBreakWord"
+              className="osdDocTableCell eui-textBreakAll eui-textBreakWord osdDocTableCell__source"
               data-test-subj="docTableField"
             >
               <div className="osdDocTable__limitedHeight">
@@ -128,11 +128,8 @@ export const TableRow = ({
   );
 
   const expandedTableRow = (
-    <tr key={'x' + row._id}>
-      <td
-        style={{ borderTop: 'none', background: 'white', padding: '5px' }}
-        colSpan={columnIds.length + 2}
-      >
+    <tr className="osdDiscoverExpandedRow" key={'x' + row._id}>
+      <td colSpan={columnIds.length + 2}>
         <EuiFlexGroup>
           <EuiFlexItem grow={false}>
             <EuiIcon type="folderOpen" />