search

ionic-team / ionic-docs

https://ionicframework.com/docs
Apache License 2.0
582 stars 2.99k forks source link

Note about stacking modals is not complete #2154

Open andreas-aeschlimann opened 2 years ago

andreas-aeschlimann commented 2 years ago

In the docs of the ion-modal (https://ionicframework.com/docs/api/modal), I found a note about adding CSS in order to darken the background of stacking modals:

ion-modal.stack-modal {
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32);
}

I noticed that this CSS gets overwritten by styles of Ionic. It was necessary to add !important to the custom styles above in order to make a backdrop getting darker with multiple modals.

brandyscarney commented 1 year ago

Thanks for the issue! We will look into this.