fix(datagrid): remove container background

closes #8136
elastic · Dec 11, 2024 · d18f803 · d18f803
1 parent b937ece
commit d18f803
Show file tree

Hide file tree

Showing 10 changed files with 3 additions and 1 deletion.
diff --git a/...eui/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_Cell_Actions.png b/...eui/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_Cell_Actions.png
diff --git a/...reference/chrome_desktop_Tabular_Content_EuiDataGrid_Cell_Expansion_Popover.png b/...reference/chrome_desktop_Tabular_Content_EuiDataGrid_Cell_Expansion_Popover.png
diff --git a/...desktop_Tabular_Content_EuiDataGrid_toolbarVisibility_prop_Display_Selector.png b/...desktop_Tabular_Content_EuiDataGrid_toolbarVisibility_prop_Display_Selector.png
diff --git a/...sktop_Tabular_Content_EuiDataGrid_toolbarVisibility_prop_Full_Screen_Toggle.png b/...sktop_Tabular_Content_EuiDataGrid_toolbarVisibility_prop_Full_Screen_Toggle.png
diff --git a/.../eui/.loki/reference/chrome_mobile_Tabular_Content_EuiDataGrid_Cell_Actions.png b/.../eui/.loki/reference/chrome_mobile_Tabular_Content_EuiDataGrid_Cell_Actions.png
diff --git a/.../reference/chrome_mobile_Tabular_Content_EuiDataGrid_Cell_Expansion_Popover.png b/.../reference/chrome_mobile_Tabular_Content_EuiDataGrid_Cell_Expansion_Popover.png
diff --git a/..._mobile_Tabular_Content_EuiDataGrid_toolbarVisibility_prop_Display_Selector.png b/..._mobile_Tabular_Content_EuiDataGrid_toolbarVisibility_prop_Display_Selector.png
diff --git a/...obile_Tabular_Content_EuiDataGrid_toolbarVisibility_prop_Full_Screen_Toggle.png b/...obile_Tabular_Content_EuiDataGrid_toolbarVisibility_prop_Full_Screen_Toggle.png
diff --git a/packages/eui/changelogs/upcoming/8220.md b/packages/eui/changelogs/upcoming/8220.md
@@ -0,0 +1,3 @@
+**Bug fixes**
+
+- Made EuiDataGrid content container background transparent.
diff --git a/packages/eui/src/components/datagrid/data_grid.styles.ts b/packages/eui/src/components/datagrid/data_grid.styles.ts
@@ -211,7 +211,6 @@ export const euiDataGridStyles = (euiThemeContext: UseEuiTheme) => {
       ${logicalSizeCSS('100%')}
       ${logicalCSS('max-width', '100%')}
       overflow: hidden;
-      background-color: ${euiTheme.colors.body};
       font-feature-settings: 'tnum' 1; /* Tabular numbers */
     `,
     // Wrapper around EuiDataGrid
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		Bug fixes

		- Made EuiDataGrid content container background transparent.