Hi!
I want to show a list where each row displays a picture and a text description as the Item Thumbnails does:
<ion-list>
<ion-item
ng-repeat="item in items"
href="#/main/news/{{item.id}}"
ng-class="($even ? 'item-text-wrap item-thumbnail-left' : 'item-text-wrap item-thumbnail-right')">
<img ng-src="{{item.img}}">
<h2 ng-class="item-text-wrap" >{{item.title}}</h2>
<p>{{item.date}}</p>
</ion-item>
</ion-list>
However, the picture should fit the left half row (width=50%) and the text should wrap the other half row. That’s to say, the thumbnail width should be increased till half row.
How can I increase the thumbnail dimensions? Is there a CSS class I can extend to change the thumbnail’s width and height?
Many thanks!!
Sergi