From 7da34cc0ec493355e8f6123875261e508d826d83 Mon Sep 17 00:00:00 2001 From: ItsJonQ Date: Wed, 21 May 2014 17:24:43 -0400 Subject: Applied translate3d to modal, navbar-fixed and affix to combat browser repaint --- less/modals.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'less/modals.less') 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 -- cgit v1.2.3 From 54939ef0f037b06bf0e6c5ba6ed288c58068f30c Mon Sep 17 00:00:00 2001 From: fat Date: Tue, 10 Jun 2014 19:06:24 -0700 Subject: fixes 13609 - Modal is shifting left just before the hiding animation --- less/modals.less | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) (limited to 'less/modals.less') diff --git a/less/modals.less b/less/modals.less index abf46cce8..d9aa0e2ce 100644 --- a/less/modals.less +++ b/less/modals.less @@ -15,8 +15,7 @@ // Container that the modal scrolls within .modal { display: none; - overflow: auto; - overflow-y: scroll; + overflow: hidden; position: fixed; top: 0; right: 0; @@ -36,6 +35,10 @@ } &.in .modal-dialog { .translate3d(0, 0, 0) } } +.modal-open .modal { + overflow: auto; + overflow-y: scroll; +} // Shell div to position the modal with bottom padding .modal-dialog { -- cgit v1.2.3 From fd0a81a57ab9976a0c6a423498c0405357c7816c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 10 Jun 2014 19:20:56 -0700 Subject: hidden and auto --- less/modals.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'less/modals.less') diff --git a/less/modals.less b/less/modals.less index d9aa0e2ce..6da50ba92 100644 --- a/less/modals.less +++ b/less/modals.less @@ -36,8 +36,8 @@ &.in .modal-dialog { .translate3d(0, 0, 0) } } .modal-open .modal { - overflow: auto; - overflow-y: scroll; + overflow-x: hidden; + overflow-y: auto; } // Shell div to position the modal with bottom padding -- cgit v1.2.3