feat: add --vaadin-grid-cell-text-overflow CSS custom property (#10787)

vursen · web-flow · commit 72699d73b473 · 2025-12-29T14:40:01.000+02:00
diff --git a/packages/grid/src/styles/vaadin-grid-base-styles.js b/packages/grid/src/styles/vaadin-grid-base-styles.js
@@ -387,7 +387,7 @@ export const gridStyles = css`
   .cell ::slotted(vaadin-grid-cell-content) {
     display: block;
     overflow: hidden;
-    text-overflow: ellipsis;
+    text-overflow: var(--vaadin-grid-cell-text-overflow, ellipsis);
     padding: var(--_cell-padding);
     flex: 1;
     min-height: 1lh;
diff --git a/packages/vaadin-lumo-styles/src/components/grid.css b/packages/vaadin-lumo-styles/src/components/grid.css
@@ -190,7 +190,7 @@
     width: 100%;
     box-sizing: border-box;
     overflow: hidden;
-    text-overflow: ellipsis;
+    text-overflow: var(--vaadin-grid-cell-text-overflow, ellipsis);
     cursor: inherit;
     padding: var(--_cell-padding);
   }

Original file line number	Diff line number	Diff line change
`@@ -190,7 +190,7 @@`
`190`	`190`	`width: 100%;`
`191`	`191`	`box-sizing: border-box;`
`192`	`192`	`overflow: hidden;`
`193`		`- text-overflow: ellipsis;`
	`193`	`+ text-overflow: var(--vaadin-grid-cell-text-overflow, ellipsis);`
`194`	`194`	`cursor: inherit;`
`195`	`195`	`padding: var(--_cell-padding);`
`196`	`196`	`}`