Skip to content

Commit a44f3f4

Browse files
authored
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.
1 parent 4509d2d commit a44f3f4

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

site/content/docs/5.0/components/toasts.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ Toasts are as flexible as you need and have very little required markup. At a mi
4545

4646
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`.
4747

48-
<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 5">
48+
<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
4949
<div id="liveToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true">
5050
<div class="toast-header">
5151
{{< 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
6666
```html
6767
<button type="button" class="btn btn-primary" id="liveToastBtn">Show live toast</button>
6868

69-
<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 5">
69+
<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
7070
<div id="liveToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true">
7171
<div class="toast-header">
7272
<img src="..." class="rounded me-2" alt="...">

0 commit comments

Comments
 (0)