From a43a73c35d5324677d40073929bbcaa2573f0e81 Mon Sep 17 00:00:00 2001
From: Juan Tejada <juans.tejada@gmail.com>
Date: Fri, 25 Mar 2016 10:56:49 -0700
Subject: [PATCH] fix(empty-state): Limit scaling factor for animation

- Fix display: none in css
---
 src/components/empty-list-state.cjsx    | 1 +
 static/components/empty-list-state.less | 3 +--
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/empty-list-state.cjsx b/src/components/empty-list-state.cjsx
index 93658d512..677a4eb43 100644
--- a/src/components/empty-list-state.cjsx
+++ b/src/components/empty-list-state.cjsx
@@ -48,6 +48,7 @@ class EmptyInboxState extends React.Component
   _getScalingFactor: =>
     {width} = @props.containerRect
     return null unless width
+    return null if width > 600
     return (width + 100) / 1000
 
   _getAnimationName: (now = new Date()) =>
diff --git a/static/components/empty-list-state.less b/static/components/empty-list-state.less
index 7f8bc5ae5..7016fef67 100644
--- a/static/components/empty-list-state.less
+++ b/static/components/empty-list-state.less
@@ -4,7 +4,6 @@
 
 .empty-state {
   position:absolute;
-  display: none;
   left: 0;
   top: 0;
   right: 0;
@@ -15,7 +14,7 @@
   > div {
     opacity: 0;
     transition: opacity @duration ease-in;
-    width:100%;
+    width: 100%;
     height: 100%;
   }