diff options
| author | ysds <[email protected]> | 2018-02-01 01:43:27 +0900 |
|---|---|---|
| committer | Patrick H. Lauke <[email protected]> | 2018-01-31 16:43:27 +0000 |
| commit | e216c8833c089d1dcf3cc71d5956e318e5487ef7 (patch) | |
| tree | 9ab823f9a65130c3bb2adb2c397714143641ea64 /docs/4.0/examples/offcanvas/offcanvas.css | |
| parent | 399ae311b995e6cdfdbfd9e1617eee4e4110ba8e (diff) | |
| download | bootstrap-e216c8833c089d1dcf3cc71d5956e318e5487ef7.tar.xz bootstrap-e216c8833c089d1dcf3cc71d5956e318e5487ef7.zip | |
Examples: Prevent focus into closed offcanvas (#25524)
* Prevent focus into closed offcanvas
Diffstat (limited to 'docs/4.0/examples/offcanvas/offcanvas.css')
| -rw-r--r-- | docs/4.0/examples/offcanvas/offcanvas.css | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/docs/4.0/examples/offcanvas/offcanvas.css b/docs/4.0/examples/offcanvas/offcanvas.css index bc1650f49..a08c1eb91 100644 --- a/docs/4.0/examples/offcanvas/offcanvas.css +++ b/docs/4.0/examples/offcanvas/offcanvas.css @@ -16,14 +16,16 @@ body { padding-right: 1rem; padding-left: 1rem; overflow-y: auto; + visibility: hidden; background-color: var(--gray-dark); - transition: -webkit-transform .3s ease-in-out; - transition: transform .3s ease-in-out; - transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; + transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; + transition: visibility .3s ease-in-out, transform .3s ease-in-out; + transition: visibility .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out; -webkit-transform: translateX(100%); transform: translateX(100%); } .offcanvas-collapse.open { + visibility: visible; -webkit-transform: translateX(-1rem); transform: translateX(-1rem); /* Account for horizontal padding on navbar */ } |