mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-21 04:41:36 +02:00
Code Issues Releases Wiki 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
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 // When fading in the modal, animate it to slide down
&.fade .modal-dialog { &.fade .modal-dialog {
.translate(0, -25%); .translate3d(0, -25%, 0);
.transition-transform(~"0.3s ease-out"); .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 // Shell div to position the modal with bottom padding

1
less/navbar.less
View File

@@ -141,6 +141,7 @@
right: 0; right: 0;
left: 0; left: 0;
z-index: @zindex-navbar-fixed; z-index: @zindex-navbar-fixed;
.translate3d(0, 0, 0);
// Undo the rounded corners // Undo the rounded corners
@media (min-width: @grid-float-breakpoint) { @media (min-width: @grid-float-breakpoint) {

1
less/utilities.less
View File

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