diff --git a/dist/css/ionic-ios7.css b/dist/css/ionic-ios7.css index d41be4aa8a..c5bb63fe45 100644 --- a/dist/css/ionic-ios7.css +++ b/dist/css/ionic-ios7.css @@ -1116,21 +1116,23 @@ a.list-item { padding: 15px; -webkit-transition: margin-left 0.2s ease-in-out, margin-right 0.2s ease-in-out, left 0.2s ease-in-out; } +.list-item-content i { + position: absolute; + top: 0; + display: flex; + height: 100%; + font-size: 28px; + align-items: center; } + .list-icon-left .list-item-content { padding-left: 45px; } .list-icon-left .list-item-content i { - position: absolute; - top: 10.5px; - left: 7.5px; - font-size: 28px; } + left: 7.5px; } .list-icon-right .list-item-content { padding-right: 45px; } .list-icon-right .list-item-content i { - position: absolute; - top: 10.5px; - right: 7.5px; - font-size: 28px; } + right: 7.5px; } .list-icon-left.list-icon-right .list-item-content i:last-child { left: auto; } diff --git a/dist/css/ionic-scoped.css b/dist/css/ionic-scoped.css index 06a750914a..e06f39dddf 100644 --- a/dist/css/ionic-scoped.css +++ b/dist/css/ionic-scoped.css @@ -1811,20 +1811,21 @@ margin-top: -1px; padding: 15px; -webkit-transition: margin-left 0.2s ease-in-out, margin-right 0.2s ease-in-out, left 0.2s ease-in-out; } + .ionic .list-item-content i { + position: absolute; + top: 0; + display: flex; + height: 100%; + font-size: 28px; + align-items: center; } .ionic .list-icon-left .list-item-content { padding-left: 45px; } .ionic .list-icon-left .list-item-content i { - position: absolute; - top: 10.5px; - left: 7.5px; - font-size: 28px; } + left: 7.5px; } .ionic .list-icon-right .list-item-content { padding-right: 45px; } .ionic .list-icon-right .list-item-content i { - position: absolute; - top: 10.5px; - right: 7.5px; - font-size: 28px; } + right: 7.5px; } .ionic .list-icon-left.list-icon-right .list-item-content i:last-child { left: auto; } .ionic .list-thumbnail h2 { diff --git a/dist/css/ionic.css b/dist/css/ionic.css index 966afd020c..ef63aa77a6 100644 --- a/dist/css/ionic.css +++ b/dist/css/ionic.css @@ -2225,21 +2225,23 @@ a.list-item { padding: 15px; -webkit-transition: margin-left 0.2s ease-in-out, margin-right 0.2s ease-in-out, left 0.2s ease-in-out; } +.list-item-content i { + position: absolute; + top: 0; + display: flex; + height: 100%; + font-size: 28px; + align-items: center; } + .list-icon-left .list-item-content { padding-left: 45px; } .list-icon-left .list-item-content i { - position: absolute; - top: 10.5px; - left: 7.5px; - font-size: 28px; } + left: 7.5px; } .list-icon-right .list-item-content { padding-right: 45px; } .list-icon-right .list-item-content i { - position: absolute; - top: 10.5px; - right: 7.5px; - font-size: 28px; } + right: 7.5px; } .list-icon-left.list-icon-right .list-item-content i:last-child { left: auto; } diff --git a/scss/ionic/_listview.scss b/scss/ionic/_listview.scss index 93fd26cfb4..bd3e5c3482 100644 --- a/scss/ionic/_listview.scss +++ b/scss/ionic/_listview.scss @@ -129,14 +129,20 @@ a.list-item { -webkit-transition: margin-left 0.2s ease-in-out, margin-right 0.2s ease-in-out, left 0.2s ease-in-out; } +.list-item-content i { + position: absolute; + top: 0; + display: flex; + height: 100%; + font-size: $list-icon-font-size; + align-items: center; +} + .list-icon-left .list-item-content { padding-left: ($list-item-padding * 3); i { - position: absolute; - top: ($list-item-padding / 2) + 3; left: $list-item-padding / 2; - font-size: $list-icon-font-size; } } @@ -144,10 +150,7 @@ a.list-item { padding-right: ($list-item-padding * 3); i { - position: absolute; - top: ($list-item-padding / 2) + 3; right: $list-item-padding / 2; - font-size: $list-icon-font-size; } } diff --git a/test/lists.html b/test/lists.html index 5349cb53de..64b69389a0 100644 --- a/test/lists.html +++ b/test/lists.html @@ -43,10 +43,10 @@