mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-12 08:34:08 +02:00
Code Issues Releases Wiki Activity

Examples: Prevent focus into closed offcanvas (#25524)

Browse Source 
* Prevent focus into closed offcanvas
This commit is contained in:
ysds
2018-02-01 01:43:27 +09:00
committed by Patrick H. Lauke
parent 399ae311b9
commit e216c8833c
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/4.0/examples/offcanvas/offcanvas.css
View File

@@ -16,14 +16,16 @@ body {
padding-right: 1rem; padding-right: 1rem;
padding-left: 1rem; padding-left: 1rem;
overflow-y: auto; overflow-y: auto;
visibility: hidden;
background-color: var(--gray-dark); background-color: var(--gray-dark);
transition: -webkit-transform .3s ease-in-out; transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out; transition: visibility .3s ease-in-out, transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-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%); -webkit-transform: translateX(100%);
transform: translateX(100%); transform: translateX(100%);
} }
.offcanvas-collapse.open { .offcanvas-collapse.open {
visibility: visible;
-webkit-transform: translateX(-1rem); -webkit-transform: translateX(-1rem);
transform: translateX(-1rem); /* Account for horizontal padding on navbar */ transform: translateX(-1rem); /* Account for horizontal padding on navbar */
} }