javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(item): Fix badge moving to new line when text is too long, closes #551

Browse Source
This commit is contained in:
Adam Bradley
2014-03-01 00:15:14 -06:00
parent 11a4338d13
commit 4d3667106e
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
scss/_items.scss
View File

@@ -51,7 +51,10 @@
// Align badges within items
.badge {
float: right;
@include display-flex();
position: absolute;
top: $item-padding;
right: ($item-padding * 2) + 5;
}
.badge + .badge {
margin-right: 5px;

5
test/html/lists.html
View File

@@ -177,7 +177,9 @@
<a href="#" class="item item-icon-left">
<i class="icon ion-person-stalker energized fill-icon"></i>
Friends
Friends asdfasdf asdfasd fasdfasdf asdf asdfasd fasdf asdf asd
asdfasdfasdf asdfasdfasdf asdf asdf asdfasdfasd fasdfa sdfasdf asdf asdf
asdfa sdf asdfasdfa sdf asdf asdfasdfasdf asdf asdf asdf
<span class="badge badge-assertive">0</span>
</a>
@@ -191,6 +193,7 @@
<div href="#" class="item">
Not a link so no default right arrow
<span class="badge badge-assertive">999</span>
</div>
<a href="#" class="item item-complex">