Ion toolbar top border ionic 5

Ionic Framework
1

hey guys, on ionic 5 the “no-border” attribute doesn’t work like it usually does on ionic 4. I have the following:

<ion-footer>
  <ion-toolbar no-border>
    <ion-button
                class="default-btn"
                color="primlight"
                expand="block">
      Aplicar filtros
    </ion-button>
  </ion-toolbar>
</ion-footer>

but still got this annoying border at the top of ion-toolbar. Can anyone help me?

2

It’s always important to carefully read breaking changes documentation, and I believe your anger should be directed at the footer rather than the toolbar.

<ion-footer class="ion-no-border">
  <ion-toolbar>
    <ion-button
                class="default-btn"
                color="primlight"
                expand="block">
      Aplicar filtros
    </ion-button>
  </ion-toolbar>
</ion-footer>
3

thank you so much, I wasn’t aware of that link. I bookmarked it for further issues as I’m leaving Ionic 4 to 5. Thanks again!