fix(toast): keep icon on the same line as long message in stacked layout

brandyscarney · brandyscarney · commit a40f941d90bb · 2026-01-16T14:41:57.000-05:00
diff --git a/core/src/components/toast/toast.scss b/core/src/components/toast/toast.scss
@@ -132,7 +132,6 @@
 .toast-layout-baseline .toast-content {
   display: flex;
 
-  flex: 1;
   flex-direction: column;
   justify-content: center;
 }
@@ -142,6 +141,8 @@
 }
 
 .toast-content {
+  flex: 1;
+
   min-width: 0;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -132,7 +132,6 @@`
`132`	`132`	`.toast-layout-baseline .toast-content {`
`133`	`133`	`display: flex;`
`134`	`134`
`135`		`- flex: 1;`
`136`	`135`	`flex-direction: column;`
`137`	`136`	`justify-content: center;`
`138`	`137`	`}`
`@@ -142,6 +141,8 @@`
`142`	`141`	`}`
`143`	`142`
`144`	`143`	`.toast-content {`
	`144`	`+ flex: 1;`
	`145`	`+`
`145`	`146`	`min-width: 0;`
`146`	`147`	`}`
`147`	`148`