diff options
| author | Jason Sperske <[email protected]> | 2021-05-18 21:54:21 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2021-05-19 07:54:21 +0300 |
| commit | a44f3f47cbd87484e8227ab358236dae7a6bc4e1 (patch) | |
| tree | ca106d0ec07c59b6f2a1d39c6dabd1571a8d3424 | |
| parent | 4509d2dc59baa0895b9c7c7aae493605f0985532 (diff) | |
| download | bootstrap-a44f3f47cbd87484e8227ab358236dae7a6bc4e1.tar.xz bootstrap-a44f3f47cbd87484e8227ab358236dae7a6bc4e1.zip | |
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.
| -rw-r--r-- | site/content/docs/5.0/components/toasts.md | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/site/content/docs/5.0/components/toasts.md b/site/content/docs/5.0/components/toasts.md index 29254b267..75713050c 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="..."> |