javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 06:57:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

Better list animations

Browse Source
This commit is contained in:
Max Lynch
2013-10-09 22:03:40 -05:00
parent 9d253231f1
commit 7a4a0e015f
3 changed files with 6 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
dist/ionic-ios7.css vendored
View File

@ -1063,8 +1063,7 @@ a.list-item {
text-decoration: none; } text-decoration: none; }
.list-editing .list-item-content { .list-editing .list-item-content {
left: 48px; margin-left: 48px; }
width: calc(100% - 48px); }
.list-editing .list-item-edit { .list-editing .list-item-edit {
left: 0px; left: 0px;
opacity: 1; } opacity: 1; }
@ -1074,9 +1073,7 @@ a.list-item {
background-color: #fff; background-color: #fff;
z-index: 1; z-index: 1;
padding: 15px 15px; padding: 15px 15px;
-webkit-transition-property: left, right, opacity, width; -webkit-transition: margin-left 0.2s ease-in-out, left 0.2s ease-in-out; }
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out; }
.list-item-content > i:last-child { .list-item-content > i:last-child {
float: right; } float: right; }

7
dist/ionic.css vendored
View File

@ -1151,8 +1151,7 @@ a.list-item {
text-decoration: none; } text-decoration: none; }
.list-editing .list-item-content { .list-editing .list-item-content {
left: 48px; margin-left: 48px; }
width: calc(100% - 48px); }
.list-editing .list-item-edit { .list-editing .list-item-edit {
left: 0px; left: 0px;
opacity: 1; } opacity: 1; }
@ -1162,9 +1161,7 @@ a.list-item {
background-color: #fff; background-color: #fff;
z-index: 1; z-index: 1;
padding: 15px 15px; padding: 15px 15px;
-webkit-transition-property: left, right, opacity, width; -webkit-transition: margin-left 0.2s ease-in-out, left 0.2s ease-in-out; }
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out; }
.list-item-content > i:last-child { .list-item-content > i:last-child {
float: right; } float: right; }

9
scss/ionic/_listview.scss
View File

@ -90,8 +90,7 @@ a.list-item {
.list-editing { .list-editing {
.list-item-content { .list-item-content {
left: 48px; margin-left: 48px;
width: unquote("calc(100% - 48px)");
} }
.list-item-edit { .list-item-edit {
left: 0px; left: 0px;
@ -108,11 +107,7 @@ a.list-item {
padding: 15px 15px; padding: 15px 15px;
-webkit-transition: margin-left 0.2s ease-in-out, left 0.2s ease-in-out;
-webkit-transition-property: left, right, opacity, width;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out;
// Align icons to the right // Align icons to the right
> i:last-child { > i:last-child {