fix(system-banner): vertical center align icon on desktop [skip-cd][run-chromatic] (#675)

clukhei · web-flow · commit 4d881c485009 · 2026-05-19T14:19:17.000+08:00
diff --git a/src/components/SystemBanner/system-banner-item.css b/src/components/SystemBanner/system-banner-item.css
@@ -100,4 +100,8 @@ slot[name="action"]::slotted(a) {
     -webkit-box-orient: vertical;
     max-height: calc(2 * var(--sgds-line-height-20, 20px)); /* 2 lines */
   }
+  /* Vertically center icon on desktop */
+  ::slotted(sgds-icon) {
+    align-self: center;
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -100,4 +100,8 @@ slot[name="action"]::slotted(a) {`
`100`	`100`	`-webkit-box-orient: vertical;`
`101`	`101`	`max-height: calc(2 * var(--sgds-line-height-20, 20px)); /* 2 lines */`
`102`	`102`	`}`
	`103`	`+ /* Vertically center icon on desktop */`
	`104`	`+ ::slotted(sgds-icon) {`
	`105`	`+ align-self: center;`
	`106`	`+ }`
`103`	`107`	`}`