Applied translate3d to modal, navbar-fixed and affix to combat browser repaint

diff --git a/less/modals.less b/less/modals.less
index 093d051315dab5f4a282aef1636a6fd6bfa19127..abf46cce82ff51a2f23043a90e117b1366a5af54 100644 (file)
--- 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 b5e9a5f8da91a7391d4bf7f6ac5ed87a0de8cf90..55bfd294212f11224d01b627c2b466b30e91c298 100644 (file)
--- 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 a26031214bd9d8c4702222c68bebbd77e27e4775..c0becabe3872239ced8580c72b167d774e18530a 100644 (file)
--- a/less/utilities.less
+++ b/less/utilities.less
@@ -53,4 +53,5 @@
 
 .affix {
   position: fixed;
+  .translate3d(0, 0, 0);
 }