From: Jason Sperske <jason@sperske.com>
Date: Wed, 19 May 2021 04:54:21 +0000 (-0700)
Subject: Adjusted z-index to cover "copy" buttons (#34018)
X-Git-Tag: v5.0.2~84
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a44f3f47cbd87484e8227ab358236dae7a6bc4e1;p=thirdparty%2Fbootstrap.git

Adjusted z-index to cover "copy" buttons (#34018)

The copy to clipboard buttons have a `z-index:10` while the toasts were styled to have a `z-index:5" causing them to appear under the button.
---

diff --git a/site/content/docs/5.0/components/toasts.md b/site/content/docs/5.0/components/toasts.md
index 29254b267b..75713050c8 100644
--- a/site/content/docs/5.0/components/toasts.md
+++ b/site/content/docs/5.0/components/toasts.md
@@ -45,7 +45,7 @@ Toasts are as flexible as you need and have very little required markup. At a mi
 
 Click the button below to show a toast (positioned with our utilities in the lower right corner) that has been hidden by default with `.hide`.
 
-<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 5">
+<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
   <div id="liveToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true">
     <div class="toast-header">
       {{< placeholder width="20" height="20" background="#007aff" class="rounded me-2" text="false" title="false" >}}
@@ -66,7 +66,7 @@ Click the button below to show a toast (positioned with our utilities in the low
 ```html
 <button type="button" class="btn btn-primary" id="liveToastBtn">Show live toast</button>
 
-<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 5">
+<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
   <div id="liveToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true">
     <div class="toast-header">
       <img src="..." class="rounded me-2" alt="...">