From 217ab6ca344cd66c7bdfde50ff4e56d003a68cdf Mon Sep 17 00:00:00 2001
From: Bruno Alves de Faria <brunoalvesdefaria@gmail.com>
Date: Mon, 15 Aug 2016 16:56:47 -0300
Subject: [PATCH] LT-275: Adding animation to rename and add description
 buttons

---
 Packages/design/styles/common/keyframes.styl             | 9 +++++++++
 Packages/design/styles/imports/animations.styl           | 8 ++++++++
 .../client/components/measureFlow/measureFlow.styl       | 3 +++
 3 files changed, 20 insertions(+)

diff --git a/Packages/design/styles/common/keyframes.styl b/Packages/design/styles/common/keyframes.styl
index d2d86e43d..f829b6af6 100644
--- a/Packages/design/styles/common/keyframes.styl
+++ b/Packages/design/styles/common/keyframes.styl
@@ -8,3 +8,12 @@
         transform(scale(1))
     }
 }
+
+@keyframes fadeInOut {
+    from {
+        opacity: 0
+    }
+    to {
+        opacity: 1
+    }
+}
diff --git a/Packages/design/styles/imports/animations.styl b/Packages/design/styles/imports/animations.styl
index faad9dc24..684a7302d 100644
--- a/Packages/design/styles/imports/animations.styl
+++ b/Packages/design/styles/imports/animations.styl
@@ -5,3 +5,11 @@ animateZoomIn()
   animation-direction: alternate
   animation-timing-function: ease-out
   animation-fill-mode: forwards
+
+animateFadeIn()
+  animation-name: fadeInOut
+  animation-duration: 0.3s
+  animation-iteration-count: 1
+  animation-direction: alternate
+  animation-timing-function: ease-out
+  animation-fill-mode: forwards
diff --git a/Packages/lesiontracker/client/components/measureFlow/measureFlow.styl b/Packages/lesiontracker/client/components/measureFlow/measureFlow.styl
index 14a784ec2..15d343dd3 100644
--- a/Packages/lesiontracker/client/components/measureFlow/measureFlow.styl
+++ b/Packages/lesiontracker/client/components/measureFlow/measureFlow.styl
@@ -65,6 +65,9 @@
 
     .actions
       margin-top: 16px
+      opacity: 0
+      animateFadeIn()
+      animation-delay: 0.3s
 
       button
         background-color: transparent