fix: round middle notification region translate to nearest pixel (#11257) (#11281)

vaadin-bot · jouni · web-flow · commit a6d35fc1d6ed · 2026-03-09T10:07:18.000+02:00
Co-authored-by: Jouni Koivuviita &lt;jouni@vaadin.com&gt;
diff --git a/packages/notification/src/styles/vaadin-notification-container-base-styles.js b/packages/notification/src/styles/vaadin-notification-container-base-styles.js
@@ -71,7 +71,7 @@ export const notificationContainerStyles = css`
     position: fixed;
     top: 50%;
     left: 50%;
-    translate: -50% -50%;
+    translate: round(-50%, 1px) round(-50%, 1px);
     max-width: calc(100% - var(--_padding) * 2);
   }
 

Original file line number	Diff line number	Diff line change
@@ -71,7 +71,7 @@ export const notificationContainerStyles = css`
`71`	`71`	`position: fixed;`
`72`	`72`	`top: 50%;`
`73`	`73`	`left: 50%;`
`74`		`- translate: -50% -50%;`
	`74`	`+ translate: round(-50%, 1px) round(-50%, 1px);`
`75`	`75`	`max-width: calc(100% - var(--_padding) * 2);`
`76`	`76`	`}`
`77`	`77`