javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-08 15:51:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(modal): backdrop and box shadows no longer stack when opening multiple modals (#20801)

Browse Source 
fixes #20800
This commit is contained in:
Liam DeBeasi
2020-03-18 13:44:11 -04:00
committed by Liam DeBeasi
parent 12932dd202
commit 253cd96164
3 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/src/components/modal/modal.ios.scss
View File

@ -4,7 +4,7 @@
// iOS Modals // iOS Modals
// -------------------------------------------------- // --------------------------------------------------
:host { :host:first-of-type {
--backdrop-opacity: var(--ion-backdrop-opacity, 0.4); --backdrop-opacity: var(--ion-backdrop-opacity, 0.4);
} }

5
core/src/components/modal/modal.md.scss
View File

@ -5,13 +5,16 @@
// Material Design Modals // Material Design Modals
// -------------------------------------------------- // --------------------------------------------------
:host { :host:first-of-type {
--backdrop-opacity: var(--ion-backdrop-opacity, 0.32); --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) { @media only screen and (min-width: $modal-inset-min-width) and (min-height: $modal-inset-min-height-small) {
:host { :host {
--border-radius: 2px; --border-radius: 2px;
}
:host:first-of-type {
--box-shadow: #{$modal-inset-box-shadow}; --box-shadow: #{$modal-inset-box-shadow};
} }
} }

1
core/src/components/modal/modal.scss
View File

@ -35,6 +35,7 @@
--border-color: transparent; --border-color: transparent;
--background: #{$background-color}; --background: #{$background-color};
--box-shadow: none; --box-shadow: none;
--backdrop-opacity: 0;
@include position(0, 0, 0, 0); @include position(0, 0, 0, 0);