Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
fix(modal): backdrop and box shadows no longer stack when opening mul…
…tiple modals (#20801)

fixes #20800
  • Loading branch information
liamdebeasi committed Mar 25, 2020
1 parent 12932dd commit 253cd96
Show file tree
Hide file tree
Showing 3 changed files with 6 additions and 2 deletions.
2 changes: 1 addition & 1 deletion core/src/components/modal/modal.ios.scss
Expand Up @@ -4,7 +4,7 @@
// iOS Modals
// --------------------------------------------------

:host {
:host:first-of-type {
--backdrop-opacity: var(--ion-backdrop-opacity, 0.4);
}

Expand Down
5 changes: 4 additions & 1 deletion core/src/components/modal/modal.md.scss
Expand Up @@ -5,13 +5,16 @@
// Material Design Modals
// --------------------------------------------------

:host {
:host:first-of-type {
--backdrop-opacity: var(--ion-backdrop-opacity, 0.32);
}

@media only screen and (min-width: $modal-inset-min-width) and (min-height: $modal-inset-min-height-small) {
:host {
--border-radius: 2px;
}

:host:first-of-type {
--box-shadow: #{$modal-inset-box-shadow};
}
}
Expand Down
1 change: 1 addition & 0 deletions core/src/components/modal/modal.scss
Expand Up @@ -35,6 +35,7 @@
--border-color: transparent;
--background: #{$background-color};
--box-shadow: none;
--backdrop-opacity: 0;

@include position(0, 0, 0, 0);

Expand Down

0 comments on commit 253cd96

Please sign in to comment.