Hello all,
i have done an update of my app to Ionic v4.
But since this update one template has a really weird look.
I have an item-sliding list, each item is also a button (navPush) and has some options.
On Ionic v3 everything looks fine, now i looks like that:
Here is the code:
<ion-content>
<ion-list>
<ion-item-sliding *ngFor="let group of groups$">
<ion-item button (click)="logID(group.id)">
<ion-label>
<ion-avatar slot="start">
<ion-icon ios="ios-cube" md="md-cube"></ion-icon>
</ion-avatar>
<h2>{{ group.description }}</h2>
<p no-lines><span>{{ group.createdAt.toDate() | date:'EEEE, dd.MM.yyyy, HH:mm' }}</span></p>
</ion-label>
</ion-item>
<ion-item-options side="end">
<ion-button color="danger" (click)="deleteItem(group)">
<ion-icon name="md-trash"></ion-icon>
delete Item
</ion-button>
</ion-item-options>
</ion-item-sliding>
</ion-list>
</ion-content>