From 51c6635ff20cba8d639ca107712aee877489459f Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Tue, 7 Sep 2021 09:49:33 -0400 Subject: [PATCH] fix(modal): sheet modal now accounts for safe area --- core/src/components/modal/modal.scss | 2 +- core/src/components/modal/test/sheet/index.html | 11 +++++------ 2 files changed, 6 insertions(+), 7 deletions(-) diff --git a/core/src/components/modal/modal.scss b/core/src/components/modal/modal.scss index c917100070d..34628ba42cb 100644 --- a/core/src/components/modal/modal.scss +++ b/core/src/components/modal/modal.scss @@ -140,5 +140,5 @@ * completely cover the content. */ :host(.modal-sheet) { - --height: calc(100% - 10px); + --height: calc(100% - (var(--ion-safe-area-top) + 10px)); } diff --git a/core/src/components/modal/test/sheet/index.html b/core/src/components/modal/test/sheet/index.html index 5b4dee2ad60..bb13a7a4168 100644 --- a/core/src/components/modal/test/sheet/index.html +++ b/core/src/components/modal/test/sheet/index.html @@ -4,18 +4,17 @@ Modal - Sheet - + -