Ion-toolbar inside ModalPage error

Ionic Framework
1

Good afternoon dear community, I am making the bottom edge of a toolbar have a small radius, this works perfectly on a normal page, but when trying to do it within a page that opens as Modal it does not work, I attach the images

toolbar_ok_in_page
toolbar_ok_in_page1079×1105 191 KB
error_toolbar_in_modalPage

the code I use to put the background on both pages is as follows:

:host {
    ion-content {
      --background: url('../../assets/images/app/bg.png') no-repeat center center / cover;
    }
  }

ion-content {
    --background: none;
    background: url('../../assets/images/app/bg.png') no-repeat center center / cover;//no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: flex!important;
    align-content: center!important;
    align-items: center!important;
        
}

Hope you can guide me with that problem
Thanks

2

Styling for modals must be put at the global level, as they do not belong to any given page in the DOM.

1 Like
3

Yes, I already read just that, but the problem was that I had forgotten to put [fullscreen] = “true” in the ion-content
Thank you very much for your reply!