feat(datagrid): remove container background (#8220)

elastic · Dec 12, 2024 · 351bc8f · 351bc8f
1 parent 7346052
commit 351bc8f
Show file tree

Hide file tree

Showing 10 changed files with 1 addition 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 @@
+- Updated `EuiDataGrid` content to have a transparent background.
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 @@
		- Updated `EuiDataGrid` content to have a transparent background.