ionic-team / ionic-team/ionic-docs

Note about stacking modals is not complete

Offen
#2,154 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
content
Vorherrschende Sprache
MDX
Sterne
621
Forks
3.2k
Ø Merge
1 T. 2 Std.
Gemergte PRs (30 T.)
86

Beschreibung

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.

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.