EVOgeek
/
Vmeda.Online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-4470 modal: Fix modal backdrop dismiss on iOS

main
Pau Ferrer Ocaña 2024-05-27 13:57:19 +02:00
parent 87a02928d7
commit 10f2077516
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/theme/components/ion-modal.scss
View File

@ -75,24 +75,24 @@ ion-modal {
--ion-safe-area-left: 0px; --ion-safe-area-left: 0px;
--ion-safe-area-right: 0px; --ion-safe-area-right: 0px;
--height: 100% !important;
--width: calc(100% - var(--modal-lateral-margin));
--box-shadow: 0 28px 48px rgb(0 0 0 / 40%);
// These lines is intended to hide modal-shadow div only in iOS because it cannot be positioned correctly.
// Both are set on content part.
--max-height: 0px;
--max-width: 0px;
&::part(content) { &::part(content) {
@include margin-horizontal(var(--modal-lateral-margin), null); @include margin-horizontal(var(--modal-lateral-margin), null);
--max-width: calc(var(--modal-lateral-max-width));
--max-height: 100%;
position: absolute; position: absolute;
@include position(0 !important, 0 !important, 0 !important, unset !important); @include position(0 !important, 0 !important, 0 !important, unset !important);
display: block; display: block;
height: 100% !important;
width: calc(100% - var(--modal-lateral-margin));
max-width: calc(var(--modal-lateral-max-width));
box-shadow: 0 28px 48px rgb(0 0 0 / 40%);
}
&::part(backdrop) {
visibility: visible;
}
.modal-shadow {
display: none;
} }
} }