[Discover] Update fonts of the datagrid (opensearch-project#5841)

Signed-off-by: Miki <miki@amazon.com>
ananzh · Feb 21, 2024 · 1339935 · 1339935
1 parent 3ae446f
commit 1339935
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 0 deletions.
diff --git a/src/plugins/discover/public/application/components/data_grid/_data_grid_table.scss b/src/plugins/discover/public/application/components/data_grid/_data_grid_table.scss
@@ -0,0 +1,32 @@
+.discoverDataGrid {
+  // stylelint-disable-next-line @osd/stylelint/no_modifying_global_selectors
+  .euiDataGrid__content {
+    @include ouiCodeFont;
+
+    font-size: 12px;
+  }
+
+  // stylelint-disable-next-line @osd/stylelint/no_modifying_global_selectors
+  .euiDataGridRowCell {
+    font-size: inherit;
+    line-height: 1.6666em;
+
+    .source {
+      dd,
+      dl,
+      dt {
+        font-size: inherit !important;
+      }
+    }
+  }
+
+  // stylelint-disable-next-line @osd/stylelint/no_modifying_global_selectors
+  .euiDataGridHeaderCell {
+    font-size: inherit;
+  }
+
+  // stylelint-disable-next-line @osd/stylelint/no_modifying_global_selectors
+  .euiDataGridRowCell__expandButton {
+    top: calc(1.6666em / 2 + 6px);
+  }
+}
diff --git a/src/plugins/discover/public/application/components/data_grid/data_grid_table.tsx b/src/plugins/discover/public/application/components/data_grid/data_grid_table.tsx
@@ -3,6 +3,8 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import './_data_grid_table.scss';
+
 import React, { useState, useMemo, useCallback } from 'react';
 import { EuiDataGrid, EuiDataGridSorting, EuiPanel } from '@elastic/eui';
 import { IndexPattern, getServices } from '../../../opensearch_dashboards_services';
@@ -212,6 +214,7 @@ export const DataGridTable = ({
         sorting={sorting}
         toolbarVisibility={isToolbarVisible ? toolbarOptions : false}
         rowHeightsOptions={rowHeightsOptions}
+        className="discoverDataGrid"
       />
     ),
     [