rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

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

Browse Source
This commit is contained in:
ItsJonQ 2014-05-21 17:24:43 -04:00
parent 3dd1531d81
commit 7da34cc0ec
3 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
less/modals.less
View File

@ -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

1
less/navbar.less
View File

@ -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) {

1
less/utilities.less
View File

@ -53,4 +53,5 @@
.affix {
position: fixed;
.translate3d(0, 0, 0);
}