Ion-item actions icon resizing issue

Ionic Framework ionic-v3
#1

Hi,

I am running Beta 11.

My ion-item looks like this:

  <ion-card *ngFor="let site of _sites" >
    <button ion-item (click)="goToNextPage(site)">
      <ion-icon name="home" item-left></ion-icon>
      {{ site.name }}
    </button>
    
    <ion-item actions>
      <button clear item-left (click)="editSite(site)">
        <ion-icon name="create"></ion-icon>
        Edit
      </button>
      <button clear item-right danger (click)="deleteSite(site)">
        <ion-icon name="trash"></ion-icon>
        Delete
      </button>
    </ion-item>
  </ion-card>

In that view, I have other buttons to show modals. I open one and when closing it, the ion-icon get a little bigger and then come back to initial size.

Not a really big deal, but just wondering why?

Thanks

#2

maybe you are using before and after in css?

#3

Hi @anicacute09,

Not sure to understand your question. What do you mean by “before” and “after” in my css? I am not a css expert, so I doubt I did something funny in my css. Also, it was working good with beta 9.

Thanks

#4

ah ok, I think you are fetching some css or js over the internet. Do you save all the js and css in you app local file?

#5

Everything is local. Not sure to understand what you are looking for. You think there is something that is called from outside?

my index.html calls all the files needed from /build directory.