From: Gaël Poupard <gael.poupard@orange.com>
Date: Wed, 3 Jun 2020 13:27:50 +0000 (+0200)
Subject: fix(toasts): IE11 shrinks toasts when in flex container, unless we specify flex-basis
X-Git-Tag: v4.5.1~40
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=8429acf4606017a6cadb65ea6572f4f8818d9839;p=thirdparty%2Fbootstrap.git

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

diff --git a/scss/_toasts.scss b/scss/_toasts.scss
index 6aa5352a38..1d9ec13578 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);