No-line seems to be default for my ion-lists

@Gunnarkd wrote:

Despite no mention of no-line in my code, the ion-lists has no lines to separate them, and them seem slightly cropped as well.

Screenshot_20170822-141311.png1440x2960 209 KB

<ion-header>

  <ion-navbar>
    <ion-title>Min fangst</ion-title>
    <button ion-button icon-only menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-card>
    <ion-label *ngIf="!resolved">
      {{placeholderText}}
    </ion-label>
    <ion-list *ngIf="resolved && catches.length>0">
      <ion-item  *ngFor="let c of catches">

        <h2>
          {{c[1].getName()}}, {{c[0].getDateString()}}
        </h2>
        <p>
          {{c[0].getCatchId()}}, {{c[0].getSalmon().getLength()}} cm, {{c[0].getSalmon().getWeigth()}} g
        </p>

      </ion-item>
    </ion-list>
    <ion-label *ngIf="resolved && catches.length<1">
      Du har ikke registrert noen fangst
    </ion-label>

  </ion-card>

</ion-content>

Any solutions to this?
Thanks

Posts: 1

Participants: 1

Read full topic