feat(ionReorder): better animations

ionic-team · Feb 11, 2015 · cbe5c71 · cbe5c71
1 parent 64786fb
commit cbe5c71
Showing 1 changed file with 4 additions and 14 deletions.
diff --git a/scss/_items.scss b/scss/_items.scss
@@ -637,12 +637,6 @@ button.item.item-button-right {
   @include translate3d($item-left-edit-open-width, 0, 0);
 }
 
-.list-right-editing .item-right-editable .item-content,
-.item-right-editing.item-right-editable .item-content {
-  // actively editing the left side of the item
-  @include translate3d(-$item-right-edit-open-width, 0, 0);
-}
-
 .item-remove-animate {
   &.ng-leave {
     @include transition-duration( $item-remove-transition-duration );
@@ -731,11 +725,11 @@ button.item.item-button-right {
 // -------------------------------
 
 .item-right-edit {
-  @include transition(all $item-edit-transition-function $item-edit-transition-duration / 2);
+  @include transition(all $item-edit-transition-function $item-edit-transition-duration);
   position: absolute;
   top: 0;
   right: 0;
-  z-index: 0;
+  z-index: $z-index-item-reorder;
   width: $item-right-edit-open-width *  1.5;
   height: 100%;
   background: inherit;
@@ -755,21 +749,17 @@ button.item.item-button-right {
     }
   }
 
-  display: none;
+  display: block;
   opacity: 0;
-  @include translate3d($item-right-edit-open-width / 2, 0, 0);
+  @include translate3d($item-right-edit-open-width *  1.5, 0, 0);
   &.visible {
     display: block;
-    z-index: $z-index-item-reorder;
     &.active {
       opacity: 1;
       @include translate3d(0, 0, 0);
     }
   }
 }
-.list-right-editing .item-right-edit {
-  @include transition-delay($item-edit-transition-duration / 2);
-}
 
 
 // Item Reordering (Right side edit button)