fix: round progress-bar height to nearest full pixel (#11278)

jouni · web-flow · commit 3478fd55519d · 2026-03-06T17:04:32.000+02:00
diff --git a/packages/vaadin-lumo-styles/src/components/progress-bar.css b/packages/vaadin-lumo-styles/src/components/progress-bar.css
@@ -7,7 +7,7 @@
   :host {
     display: block;
     width: 100%; /* prevent collapsing inside non-stretching column flex */
-    height: calc(var(--lumo-size-l) / 10);
+    height: round(var(--lumo-size-l) / 10, 1px);
     margin: var(--lumo-space-s) 0;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@`
`7`	`7`	`:host {`
`8`	`8`	`display: block;`
`9`	`9`	`width: 100%; /* prevent collapsing inside non-stretching column flex */`
`10`		`- height: calc(var(--lumo-size-l) / 10);`
	`10`	`+ height: round(var(--lumo-size-l) / 10, 1px);`
`11`	`11`	`margin: var(--lumo-space-s) 0;`
`12`	`12`	`}`
`13`	`13`