Skip to content

Commit 1f78487

Browse files
committed
feat(itemReorder): animate reorder button
1 parent 174efc1 commit 1f78487

File tree

1 file changed

+7
-2
lines changed

1 file changed

+7
-2
lines changed

src/components/item/item-reorder.scss

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
// --------------------------------------------------
44

55
ion-reorder {
6-
display: none;
6+
display: flex;
77

88
flex: 1;
99
align-items: center;
@@ -15,6 +15,10 @@ ion-reorder {
1515
font-size: 1.45em;
1616
opacity: .5;
1717

18+
transform: translate3d(120%, 0, 0);
19+
20+
transition: transform 125ms ease-in;
21+
1822
pointer-events: all;
1923
touch-action: manipulation;
2024

@@ -33,7 +37,8 @@ ion-reorder {
3337
}
3438

3539
ion-reorder {
36-
display: flex;
40+
transform: translate3d(0, 0, 0);
41+
3742
}
3843
}
3944

0 commit comments

Comments
 (0)