From 52e2d70d3d4b532ec0a5ca334f6ac1320bfae151 Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Thu, 5 Apr 2018 01:14:23 +0200
Subject: [PATCH] feat: improve animation for daily planner input

---
 .../scripts/daily-planner/_daily-planner-d.scss    | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/app-src/scripts/daily-planner/_daily-planner-d.scss b/app-src/scripts/daily-planner/_daily-planner-d.scss
index 99b13a5163..9a0e98571c 100644
--- a/app-src/scripts/daily-planner/_daily-planner-d.scss
+++ b/app-src/scripts/daily-planner/_daily-planner-d.scss
@@ -18,7 +18,8 @@ daily-planner {
   .add-task-form {
     margin: 20px auto;
     max-width: $component-max-width;
-    @include pulse($transition-duration-m, $page-transition-duration);
+    animation: $transition-duration-s attention-for-input-daily-planner;
+    animation-delay: $page-transition-duration;
 
     ng-md-icon {
       width: 32px;
@@ -31,3 +32,14 @@ daily-planner {
   }
 }
 
+@keyframes attention-for-input-daily-planner {
+  0% {
+    transform: scale(1);
+  }
+  70% {
+    transform: scale(1.05, 1.4);
+  }
+  100% {
+    transform: scale(1);
+  }
+}