From 2afbc0a6bde1fc14965149e18d0c741be46b3e56 Mon Sep 17 00:00:00 2001 From: Ben Gotow Date: Wed, 21 Oct 2015 14:52:45 -0700 Subject: [PATCH] fix(empty-state): Subpixel animation via translate3d --- .../thread-list/stylesheets/empty-state.less | 32 +++++++++---------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/internal_packages/thread-list/stylesheets/empty-state.less b/internal_packages/thread-list/stylesheets/empty-state.less index 45472086d..7ffb3aba5 100644 --- a/internal_packages/thread-list/stylesheets/empty-state.less +++ b/internal_packages/thread-list/stylesheets/empty-state.less @@ -76,30 +76,34 @@ .top-left { -webkit-transition: all @duration ease-out; + transform: translate3d(-20px, -10px, 0); position:absolute; - top:-10px; - left:-20px; + top:0; + left:0; } .top-right { -webkit-transition: all @duration ease-out; + transform: translate3d(20px, -10px, 0); position:absolute; - top:-10px; - right:-20px; + top:0; + right:0; } .bottom-left { -webkit-transition: all @duration ease-out; + transform: translate3d(-20px, 10px, 0); position:absolute; - bottom:-10px; - left:-20px; + bottom:0; + left:0; } .bottom-right { -webkit-transition: all @duration ease-out; + transform: translate3d(20px, 10px, 0); position:absolute; - bottom:-10px; - right:-20px; + bottom:0; + right:0; } } @@ -116,23 +120,19 @@ } .top-left { - top:0; - left:0; + transform: translate3d(0, 0, 0); } .top-right { - top:0; - right:0; + transform: translate3d(0, 0, 0); } .bottom-left { - bottom:0; - left:0; + transform: translate3d(0, 0, 0); } .bottom-right { - bottom:0; - right:0; + transform: translate3d(0, 0, 0); } } }