From a8642d3169ffc2c45633504016bf4bb60eddcf54 Mon Sep 17 00:00:00 2001
From: Zoker <kaixuanguiqu@gmail.com>
Date: Sat, 15 Oct 2016 16:36:55 +0800
Subject: [PATCH] closed task animate

---
 app/assets/stylesheets/plans.scss | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/plans.scss b/app/assets/stylesheets/plans.scss
index ba14f7f..e9cf3b2 100644
--- a/app/assets/stylesheets/plans.scss
+++ b/app/assets/stylesheets/plans.scss
@@ -194,10 +194,6 @@
     position: relative;
     top: 10px;
   }
-  .closed-task{
-    text-decoration: line-through;
-    color: #888888;
-  }
   .list-operations{
     float: right;
     color: #a5a5a5;
@@ -224,6 +220,7 @@
   }
   .task-field{
     line-height: 26px;
+    font-size: 14px;
     .task-operations{
       float: right;
       display: inline;
@@ -243,5 +240,27 @@
     &:hover .non-group{
       display: inline;
     }
+    @keyframes closed-task{
+      0%   { width : 0; }
+      100% { width: 100%; }
+    }
+    .closed-task{
+      position: relative;
+      color: #888888;
+    }
+    .closed-task:after {
+      content: ' ';
+      position: absolute;
+      top: 50%;
+      left: 0;
+      width: 100%;
+      height: 1px;
+      background: #888888;
+      animation-name: closed-task;
+      animation-duration: 0.3s;
+      animation-timing-function: linear;
+      animation-iteration-count: 1;
+      animation-fill-mode: forwards;
+    }
   }
 }
\ No newline at end of file