mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 06:57:02 +08:00
Made animation clearer
This commit is contained in:
5
dist/ionic-ios7.css
vendored
5
dist/ionic-ios7.css
vendored
@ -1044,9 +1044,8 @@ a.list-item {
|
|||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
background-color: white; }
|
background-color: white;
|
||||||
.list-item-content.slide-left {
|
-webkit-transition: left 1s ease-in-out, right 1s ease-in-out; }
|
||||||
-webkit-transition: margin-left 0.2s ease-in-out; }
|
|
||||||
|
|
||||||
.list-item-buttons {
|
.list-item-buttons {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
5
dist/ionic.css
vendored
5
dist/ionic.css
vendored
@ -1132,9 +1132,8 @@ a.list-item {
|
|||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
background-color: white; }
|
background-color: white;
|
||||||
.list-item-content.slide-left {
|
-webkit-transition: left 1s ease-in-out, right 1s ease-in-out; }
|
||||||
-webkit-transition: margin-left 0.2s ease-in-out; }
|
|
||||||
|
|
||||||
.list-item-buttons {
|
.list-item-buttons {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
2
dist/ionic.js
vendored
2
dist/ionic.js
vendored
@ -1817,7 +1817,6 @@ window.ionic = {
|
|||||||
// Slide the content over left by the button width
|
// Slide the content over left by the button width
|
||||||
content.style.right = buttonsWidth + 'px';
|
content.style.right = buttonsWidth + 'px';
|
||||||
content.style.left = -buttonsWidth + 'px';
|
content.style.left = -buttonsWidth + 'px';
|
||||||
content.classList.add('slide-left');
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@ -1833,7 +1832,6 @@ window.ionic = {
|
|||||||
content = item;
|
content = item;
|
||||||
}
|
}
|
||||||
|
|
||||||
content.classList.remove('slide-left');
|
|
||||||
content.style.right = 0;
|
content.style.right = 0;
|
||||||
content.style.left = 0;
|
content.style.left = 0;
|
||||||
});
|
});
|
||||||
|
|||||||
@ -37,7 +37,6 @@
|
|||||||
// Slide the content over left by the button width
|
// Slide the content over left by the button width
|
||||||
content.style.right = buttonsWidth + 'px';
|
content.style.right = buttonsWidth + 'px';
|
||||||
content.style.left = -buttonsWidth + 'px';
|
content.style.left = -buttonsWidth + 'px';
|
||||||
content.classList.add('slide-left');
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@ -53,7 +52,6 @@
|
|||||||
content = item;
|
content = item;
|
||||||
}
|
}
|
||||||
|
|
||||||
content.classList.remove('slide-left');
|
|
||||||
content.style.right = 0;
|
content.style.right = 0;
|
||||||
content.style.left = 0;
|
content.style.left = 0;
|
||||||
});
|
});
|
||||||
|
|||||||
@ -98,10 +98,8 @@ a.list-item {
|
|||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
|
||||||
&.slide-left {
|
-webkit-transition: left 1s ease-in-out, right 1s ease-in-out;
|
||||||
-webkit-transition: margin-left 0.2s ease-in-out;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.list-item-buttons {
|
.list-item-buttons {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
Reference in New Issue
Block a user