From 1f78487d962e5c960df02e6438a641df1ba84eab Mon Sep 17 00:00:00 2001
From: mhartington <mikehartington@gmail.com>
Date: Wed, 10 Aug 2016 15:58:27 -0400
Subject: [PATCH] feat(itemReorder): animate reorder button

---
 src/components/item/item-reorder.scss | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/item/item-reorder.scss b/src/components/item/item-reorder.scss
index 78bafc8eed0..0b5990f10e8 100644
--- a/src/components/item/item-reorder.scss
+++ b/src/components/item/item-reorder.scss
@@ -3,7 +3,7 @@
 // --------------------------------------------------
 
 ion-reorder {
-  display: none;
+  display: flex;
 
   flex: 1;
   align-items: center;
@@ -15,6 +15,10 @@ ion-reorder {
   font-size: 1.45em;
   opacity: .5;
 
+  transform: translate3d(120%, 0, 0);
+
+  transition: transform 125ms ease-in;
+
   pointer-events: all;
   touch-action: manipulation;
 
@@ -33,7 +37,8 @@ ion-reorder {
   }
 
   ion-reorder {
-    display: flex;
+    transform: translate3d(0, 0, 0);
+
   }
 }