rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

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

Browse Source 
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.
This commit is contained in:
Jason Sperske 2021-05-18 21:54:21 -07:00 committed by GitHub
parent 4509d2dc59
commit a44f3f47cb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
site/content/docs/5.0/components/toasts.md
View File

@ -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="...">