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