rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-28 20:52:21 +01:00
Code Issues Actions Packages Releases 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
Show Stats 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-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 */
}