fix(modal): set card-style modal height using the --height css variab…

…le (#21453)
ionic-team · Jun 8, 2020 · a4f0bdb · a4f0bdb
1 parent 187917c
commit a4f0bdb
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/core/src/components/modal/modal.ios.scss b/core/src/components/modal/modal.ios.scss
@@ -21,14 +21,14 @@
 
 @media screen and (max-width: 767px) {
   @supports (width: max(0px, 1px)) {
-    :host(.modal-card) .modal-wrapper {
-      height: calc(100% - max(30px, var(--ion-safe-area-top)) - 10px);
+    :host(.modal-card) {
+      --height: calc(100% - max(30px, var(--ion-safe-area-top)) - 10px);
     }
   }
 
   @supports not (width: max(0px, 1px)) {
-    :host(.modal-card) .modal-wrapper {
-      height: calc(100% - 40px);
+    :host(.modal-card) {
+      --height: calc(100% - 40px);
     }
   }