From 796233da183900fd3069e3940972e2287434180c Mon Sep 17 00:00:00 2001
From: Thomas Nordquist <thomas.nordquist@viison.com>
Date: Tue, 22 Jan 2019 15:12:49 +0100
Subject: [PATCH] Modify animation

---
 app/index.html                       | 4 ++--
 app/src/components/Tree/TreeNode.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/index.html b/app/index.html
index 52fa333..a015f52 100644
--- a/app/index.html
+++ b/app/index.html
@@ -11,10 +11,10 @@
             padding: 0;
           }
           @keyframes example {
-            0%   {background-color: inherit;}
+            0%   {background-color: none;}
             25%  {background-color: #3f51b5;}
             50%  {background-color: #3f51b5;}
-            100% {background-color: inherit;}
+            100% {background-color: none;}
           }
 
           ::-webkit-scrollbar {
diff --git a/app/src/components/Tree/TreeNode.tsx b/app/src/components/Tree/TreeNode.tsx
index ee016f3..3b4ef9a 100644
--- a/app/src/components/Tree/TreeNode.tsx
+++ b/app/src/components/Tree/TreeNode.tsx
@@ -171,7 +171,7 @@ class TreeNode extends React.Component<Props, State> {
     this.dirtyEdges = this.dirtyMessage = this.dirtySubnodes = false
 
     const shouldStartAnimation = (isDirty && !this.animationDirty) && !this.props.isRoot
-    const animation = shouldStartAnimation ? { animation: 'example 0.5s' } : {}
+    const animation = shouldStartAnimation ? { willChange: 'auto', translateZ: 0, animation: 'example 0.5s' } : {}
     this.animationDirty = shouldStartAnimation
 
     return (