fix(emptystate): delay enter transition for more graceful initial render

pluralsight · May 16, 2019 · 6cee902 · 6cee902
1 parent a1d6e32
commit 6cee902
Show file tree

Hide file tree

Showing 2 changed files with 63 additions and 62 deletions.
diff --git a/packages/emptystate/src/css/index.js b/packages/emptystate/src/css/index.js
@@ -25,7 +25,7 @@ export default {
     flexDirection: 'column',
     alignItems: 'center',
     justifyContent: 'center',
-    transition: `opacity ${core.motion.speedFast}`
+    transition: `opacity ${core.motion.speedXFast} ${core.motion.speedNormal}`
   },
   '.psds-emptystate--hidden': {
     opacity: 0
@@ -75,7 +75,8 @@ export default {
   // __illustration
   '.psds-emptystate__illustration': {
     display: 'inline-block',
-    marginBottom: core.layout.spacingLarge
+    marginBottom: core.layout.spacingLarge,
+    transition: `all ${core.motion.speedXFast}`
   },
   ['.psds-emptystate__illustration' + sizeClasses.small]: {
     width: 64,