diff options
| author | ItsJonQ <[email protected]> | 2014-05-21 17:24:43 -0400 |
|---|---|---|
| committer | ItsJonQ <[email protected]> | 2014-05-21 17:24:43 -0400 |
| commit | 7da34cc0ec493355e8f6123875261e508d826d83 (patch) | |
| tree | 067d6a30f1b04407a907dcf5ab78d6d90c6fed2d | |
| parent | 3dd1531d81c90d6d1cf04962032f868d315ab21c (diff) | |
| download | bootstrap-7da34cc0ec493355e8f6123875261e508d826d83.tar.xz bootstrap-7da34cc0ec493355e8f6123875261e508d826d83.zip | |
Applied translate3d to modal, navbar-fixed and affix to combat browser repaint
| -rw-r--r-- | less/modals.less | 4 | ||||
| -rw-r--r-- | less/navbar.less | 1 | ||||
| -rw-r--r-- | less/utilities.less | 1 |
3 files changed, 4 insertions, 2 deletions
diff --git a/less/modals.less b/less/modals.less index 093d05131..abf46cce8 100644 --- a/less/modals.less +++ b/less/modals.less @@ -31,10 +31,10 @@ // When fading in the modal, animate it to slide down &.fade .modal-dialog { - .translate(0, -25%); + .translate3d(0, -25%, 0); .transition-transform(~"0.3s ease-out"); } - &.in .modal-dialog { .translate(0, 0)} + &.in .modal-dialog { .translate3d(0, 0, 0) } } // Shell div to position the modal with bottom padding diff --git a/less/navbar.less b/less/navbar.less index b5e9a5f8d..55bfd2942 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -141,6 +141,7 @@ right: 0; left: 0; z-index: @zindex-navbar-fixed; + .translate3d(0, 0, 0); // Undo the rounded corners @media (min-width: @grid-float-breakpoint) { diff --git a/less/utilities.less b/less/utilities.less index a26031214..c0becabe3 100644 --- a/less/utilities.less +++ b/less/utilities.less @@ -53,4 +53,5 @@ .affix { position: fixed; + .translate3d(0, 0, 0); } |