fix(toasts): IE11 shrinks toasts when in flex container, unless we specify flex-basis

ffoodd · ffoodd · commit 8856c7594eef · 2020-06-03T15:27:50.000+02:00
diff --git a/scss/_toasts.scss b/scss/_toasts.scss
@@ -1,4 +1,5 @@
 .toast {
+  flex-basis: $toast-max-width; // prevents from shrinking in IE11, when in a flex container https://github.com/twbs/bootstrap/issues/28341
   max-width: $toast-max-width;
   overflow: hidden; // cheap rounded corners on nested items
   @include font-size($toast-font-size);

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`.toast {`
	`2`	`+ flex-basis: $toast-max-width; // prevents from shrinking in IE11, when in a flex container https://github.com/twbs/bootstrap/issues/28341`
`2`	`3`	`max-width: $toast-max-width;`
`3`	`4`	`overflow: hidden; // cheap rounded corners on nested items`
`4`	`5`	`@include font-size($toast-font-size);`