feat(itemReorder): animate reorder button

ionic-team · Aug 10, 2016 · 1f78487 · 1f78487
1 parent 174efc1
commit 1f78487
Showing 1 changed file with 7 additions and 2 deletions.
diff --git 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);
+
   }
 }