refactor: notification padding and card border when inside notification (#10666) (#10669)

vaadin-bot · jouni · web-flow · commit 7778a8947934 · 2025-12-15T16:23:20.000+02:00
Co-authored-by: Jouni Koivuviita &lt;jouni@vaadin.com&gt;
diff --git a/packages/aura/src/components/notification.css b/packages/aura/src/components/notification.css
@@ -2,6 +2,7 @@
 :where(:host) {
   --vaadin-notification-border-width: 0px;
   --vaadin-ease-fluid: cubic-bezier(0.78, 0, 0.22, 1);
+  --vaadin-notification-padding: var(--vaadin-padding-m);
 }
 
 vaadin-notification-container {
@@ -33,6 +34,7 @@ vaadin-notification-card::part(overlay) {
 }
 
 vaadin-notification-card vaadin-card {
+  --vaadin-card-border-width: 0px;
   --vaadin-card-gap: var(--vaadin-gap-xs) var(--vaadin-gap-s);
   color: var(--vaadin-text-color-secondary);
 }

Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,7 @@`
`2`	`2`	`:where(:host) {`
`3`	`3`	`--vaadin-notification-border-width: 0px;`
`4`	`4`	`--vaadin-ease-fluid: cubic-bezier(0.78, 0, 0.22, 1);`
	`5`	`+ --vaadin-notification-padding: var(--vaadin-padding-m);`
`5`	`6`	`}`
`6`	`7`
`7`	`8`	`vaadin-notification-container {`
`@@ -33,6 +34,7 @@ vaadin-notification-card::part(overlay) {`
`33`	`34`	`}`
`34`	`35`
`35`	`36`	`vaadin-notification-card vaadin-card {`
	`37`	`+ --vaadin-card-border-width: 0px;`
`36`	`38`	`--vaadin-card-gap: var(--vaadin-gap-xs) var(--vaadin-gap-s);`
`37`	`39`	`color: var(--vaadin-text-color-secondary);`
`38`	`40`	`}`