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 new file mode 100644 index 000000000000..7f3fa66e0520 --- /dev/null +++ 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 index 07fcd461557b..a0c1851e7716 100644 --- 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" /> ), [