diff options
| author | Mark Otto <[email protected]> | 2021-03-23 10:06:11 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2021-03-23 19:06:11 +0200 |
| commit | 232e392c9126fcb1dbe13c963e7edcdbd62cfeb8 (patch) | |
| tree | f51acad800dd8d4f8dcd98a91a2cb163926a2e62 | |
| parent | 220139a89ffc3864bbb6e1b35471667318eadc1f (diff) | |
| download | bootstrap-232e392c9126fcb1dbe13c963e7edcdbd62cfeb8.tar.xz bootstrap-232e392c9126fcb1dbe13c963e7edcdbd62cfeb8.zip | |
Make offcanvas example fully static (#33446)
| -rw-r--r-- | site/assets/scss/_component-examples.scss | 3 | ||||
| -rw-r--r-- | site/content/docs/5.0/components/offcanvas.md | 2 |
2 files changed, 4 insertions, 1 deletions
diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss index 534f2307d..005515922 100644 --- a/site/assets/scss/_component-examples.scss +++ b/site/assets/scss/_component-examples.scss @@ -206,7 +206,10 @@ .offcanvas { position: static; + display: block; height: 200px; + visibility: visible; + transform: translate(0); } } diff --git a/site/content/docs/5.0/components/offcanvas.md b/site/content/docs/5.0/components/offcanvas.md index 0e4aa1aa0..a2b5ed3fa 100644 --- a/site/content/docs/5.0/components/offcanvas.md +++ b/site/content/docs/5.0/components/offcanvas.md @@ -28,7 +28,7 @@ Offcanvas is a sidebar component that can be toggled via JavaScript to appear fr Below is an offcanvas example that is shown by default (via `.show` on `.offcanvas`). Offcanvas includes support for a header with a close button and an optional body class for some initial `padding`. We suggest that you include offcanvas headers with dismiss actions whenever possible, or provide an explicit dismiss action. {{< example class="bd-example-offcanvas p-0 bg-light overflow-hidden" >}} -<div class="offcanvas offcanvas-start show" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel" data-bs-backdrop="false" data-bs-scroll="true"> +<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel"> <div class="offcanvas-header"> <h5 class="offcanvas-title" id="offcanvasLabel">Offcanvas</h5> <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button> |