Can't delete outline or something like that from the ion-list

Ionic Framework ionic-v3
1

I can’t delete outline or something like that from the ion-list

image

home.ts

  <ion-list class="m-3" id="home-list" lines="none">
    <ion-reorder-group disabled="false" (ionItemReorder)="reorderItems($event)">
      <ion-item-sliding *ngFor="let note of notes">

        <ion-item
          (click)="showNote(note)"
          [color]="note.color"
          class="note-card mb-2"
        >
          <ion-label>
            <h2 style="font-weight: 500; padding-bottom: 5px">
              {{note.title}}
            </h2>
            <p>{{note.content}}</p>
          </ion-label>
          <ion-reorder slot="end"> </ion-reorder>
        </ion-item>

        <ion-item-options side="end">
          <ion-icon
            style="height: 100%; font-size: 36px"
            color="danger"
            name="trash"
            (click)="presentAlertConfirm(note.title, note.id)"
          ></ion-icon>
        </ion-item-options>
      </ion-item-sliding>
    </ion-reorder-group>
  </ion-list>

home.scss

.note-card {
  border-radius: 10px;
  --background-focused: none;
  ion-reorder {
    --background-focused: none !important;
    --ion-box-shadow: none !important;
  }

  ion-item-sliding {
    --background-focused: none !important;
    --ion-box-shadow: none !important;
  }
}