diff options
author | ysds <fellows3@gmail.com> | 2018-01-31 19:43:27 +0300 |
---|---|---|
committer | Patrick H. Lauke <redux@splintered.co.uk> | 2018-01-31 19:43:27 +0300 |
commit | e216c8833c089d1dcf3cc71d5956e318e5487ef7 (patch) | |
tree | 9ab823f9a65130c3bb2adb2c397714143641ea64 /docs | |
parent | 399ae311b995e6cdfdbfd9e1617eee4e4110ba8e (diff) |
Examples: Prevent focus into closed offcanvas (#25524)
* Prevent focus into closed offcanvas
Diffstat (limited to 'docs')
-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 bc1650f495..a08c1eb91f 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 */ } |