From 1c731ddda50d7d4b842029625800568183a68ef9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABl=20Poupard?= Date: Wed, 3 Jun 2020 15:27:50 +0200 Subject: [PATCH 1/2] fix(toasts): IE11 shrinks toasts when in flex container, unless we specify flex-basis --- scss/_toasts.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/scss/_toasts.scss b/scss/_toasts.scss index 6aa5352a383c..1d9ec13578c4 100644 --- a/scss/_toasts.scss +++ b/scss/_toasts.scss @@ -1,4 +1,7 @@ .toast { + // Prevents from shrinking in IE11, when in a flex container + // See https://github.com/twbs/bootstrap/issues/28341 + flex-basis: $toast-max-width; max-width: $toast-max-width; overflow: hidden; // cheap rounded corners on nested items @include font-size($toast-font-size); From 0c630235b0f9273fcbf14248cb6ffc27773c9ddf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABl=20Poupard?= Date: Wed, 3 Jun 2020 15:28:46 +0200 Subject: [PATCH 2/2] docs(toasts): centered examples flexbugs #3 in IE11 --- site/docs/4.5/components/toasts.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/docs/4.5/components/toasts.md b/site/docs/4.5/components/toasts.md index 58b5cb5cae1a..7ef36c7f7665 100644 --- a/site/docs/4.5/components/toasts.md +++ b/site/docs/4.5/components/toasts.md @@ -167,7 +167,7 @@ You can also get fancy with flexbox utilities to align toasts horizontally and/o {% capture example %} -
+