Fix data grid alignment between headers and cells (#412)

fengtan · web-flow · commit 2d9ed0f7d19b · 2022-11-21T13:16:01.000-08:00
Description of changes

Resolves an issue where the data grid header cells and regular cells would be misaligned due to different overflow wrap properties.
diff --git a/src/data-grid/data-grid-cell.styles.ts b/src/data-grid/data-grid-cell.styles.ts
@@ -40,7 +40,6 @@ export const dataGridCellStyles = (
 	}
 	:host(.column-header) {
 		font-weight: 600;
-		overflow-wrap: normal;
 	}
 	:host(:${focusVisible}),
 	:host(:focus),

Original file line number	Diff line number	Diff line change
`@@ -40,7 +40,6 @@ export const dataGridCellStyles = (`
`40`	`40`	`}`
`41`	`41`	`:host(.column-header) {`
`42`	`42`	`font-weight: 600;`
`43`		`- overflow-wrap: normal;`
`44`	`43`	`}`
`45`	`44`	`:host(:${focusVisible}),`
`46`	`45`	`:host(:focus),`