feat: add custom CSS property for progress-bar height (#10492)

web-padawan · web-flow · commit 215bcc9fde38 · 2025-11-13T18:01:41.000+02:00
diff --git a/packages/progress-bar/src/styles/vaadin-progress-bar-base-styles.js b/packages/progress-bar/src/styles/vaadin-progress-bar-base-styles.js
@@ -10,7 +10,7 @@ export const progressBarStyles = css`
   :host {
     display: block;
     width: 100%; /* prevent collapsing inside non-stretching column flex */
-    height: 0.5lh;
+    height: var(--vaadin-progress-bar-height, 0.5lh);
     contain: layout size;
   }
 

Original file line number	Diff line number	Diff line change
@@ -10,7 +10,7 @@ export const progressBarStyles = css`
`10`	`10`	`:host {`
`11`	`11`	`display: block;`
`12`	`12`	`width: 100%; /* prevent collapsing inside non-stretching column flex */`
`13`		`- height: 0.5lh;`
	`13`	`+ height: var(--vaadin-progress-bar-height, 0.5lh);`
`14`	`14`	`contain: layout size;`
`15`	`15`	`}`
`16`	`16`