Is there a way to truncate a text inside item-note?

ionic-v1
1

Hello is there a way to ‘truncate’ text inside of item-note?
Running 1.0.0-beta.3 “americium” (2014-04-30):
here is my template:

<a class="item item-icon-left" href="mailto:really.longemailaddress@example.com">
  <i class="icon ion-ios7-email"></i>
   Email
  <span class="item-note truncate">really.longemailaddress@example.com</span>
</a>

i have tried following code with no success:

span.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
}

Thanks a lot in advance!

Great job on the framework!

2

yeah why not, u need width in your css like “width: 100px;”

1 Like
3

Thanks, that worked!