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

vertical align list icons

Browse Source
This commit is contained in:
Adam Bradley
2013-10-18 22:20:48 -05:00
parent bd8689feb8
commit 31ea84bbf1
5 changed files with 40 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
scss/ionic/_listview.scss
View File

@ -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;
}
}