Remove overflow: hidden from toasts (#31381) (#31407)

Co-authored-by: Mark Otto <markd.otto@gmail.com>

diff --git a/scss/_toasts.scss b/scss/_toasts.scss
index 5967a7a8841419270fdb012d44d3b06c406cdb43..f9ca8d91cd30d6b0000d725c9b4c4601a6ec3274 100644 (file)
--- a/scss/_toasts.scss
+++ b/scss/_toasts.scss
@@ -3,7 +3,6 @@
   // 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);
   color: $toast-color;
   background-color: $toast-background-color;
@@ -39,6 +38,7 @@
   background-color: $toast-header-background-color;
   background-clip: padding-box;
   border-bottom: $toast-border-width solid $toast-header-border-color;
+  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));
 }
 
 .toast-body {