From 7da34cc0ec493355e8f6123875261e508d826d83 Mon Sep 17 00:00:00 2001 From: ItsJonQ Date: Wed, 21 May 2014 17:24:43 -0400 Subject: [PATCH] Applied translate3d to modal, navbar-fixed and affix to combat browser repaint --- less/modals.less | 4 ++-- less/navbar.less | 1 + less/utilities.less | 1 + 3 files changed, 4 insertions(+), 2 deletions(-) diff --git a/less/modals.less b/less/modals.less index 093d051315..abf46cce82 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 b5e9a5f8da..55bfd29421 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 a26031214b..c0becabe38 100644 --- a/less/utilities.less +++ b/less/utilities.less @@ -53,4 +53,5 @@ .affix { position: fixed; + .translate3d(0, 0, 0); }