diff --git a/dist/ionic-ios7.css b/dist/ionic-ios7.css index 01ec67b3b9..06835a24f8 100644 --- a/dist/ionic-ios7.css +++ b/dist/ionic-ios7.css @@ -1063,8 +1063,7 @@ a.list-item { text-decoration: none; } .list-editing .list-item-content { - left: 48px; - width: calc(100% - 48px); } + margin-left: 48px; } .list-editing .list-item-edit { left: 0px; opacity: 1; } @@ -1074,9 +1073,7 @@ a.list-item { background-color: #fff; z-index: 1; padding: 15px 15px; - -webkit-transition-property: left, right, opacity, width; - -webkit-transition-duration: 0.2s; - -webkit-transition-timing-function: ease-in-out; } + -webkit-transition: margin-left 0.2s ease-in-out, left 0.2s ease-in-out; } .list-item-content > i:last-child { float: right; } diff --git a/dist/ionic.css b/dist/ionic.css index 497a685887..c12cc24124 100644 --- a/dist/ionic.css +++ b/dist/ionic.css @@ -1151,8 +1151,7 @@ a.list-item { text-decoration: none; } .list-editing .list-item-content { - left: 48px; - width: calc(100% - 48px); } + margin-left: 48px; } .list-editing .list-item-edit { left: 0px; opacity: 1; } @@ -1162,9 +1161,7 @@ a.list-item { background-color: #fff; z-index: 1; padding: 15px 15px; - -webkit-transition-property: left, right, opacity, width; - -webkit-transition-duration: 0.2s; - -webkit-transition-timing-function: ease-in-out; } + -webkit-transition: margin-left 0.2s ease-in-out, left 0.2s ease-in-out; } .list-item-content > i:last-child { float: right; } diff --git a/scss/ionic/_listview.scss b/scss/ionic/_listview.scss index bc19b66511..1c485a2906 100644 --- a/scss/ionic/_listview.scss +++ b/scss/ionic/_listview.scss @@ -90,8 +90,7 @@ a.list-item { .list-editing { .list-item-content { - left: 48px; - width: unquote("calc(100% - 48px)"); + margin-left: 48px; } .list-item-edit { left: 0px; @@ -108,11 +107,7 @@ a.list-item { padding: 15px 15px; - - -webkit-transition-property: left, right, opacity, width; - -webkit-transition-duration: 0.2s; - -webkit-transition-timing-function: ease-in-out; - + -webkit-transition: margin-left 0.2s ease-in-out, left 0.2s ease-in-out; // Align icons to the right > i:last-child {