From 280cb050f39366f1ba03bdb92f49bec8d0d52355 Mon Sep 17 00:00:00 2001 From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> Date: Thu, 5 Jun 2025 18:01:31 -0400 Subject: [PATCH] fix(core): add missing ionic theme styles for sheet modal --- core/src/css/ionic/core.ionic.scss | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/core/src/css/ionic/core.ionic.scss b/core/src/css/ionic/core.ionic.scss index 7c699b1a0f..c80cd0280b 100644 --- a/core/src/css/ionic/core.ionic.scss +++ b/core/src/css/ionic/core.ionic.scss @@ -47,7 +47,8 @@ html.ionic ion-modal ion-header { */ html.ionic ion-modal.modal-card ion-header ion-toolbar:first-of-type, html.ionic ion-modal.modal-sheet ion-header ion-toolbar:first-of-type, -html.ionic ion-modal ion-footer ion-toolbar:first-of-type { +html.ionic ion-modal ion-footer ion-toolbar:first-of-type, +html.ionic ion-footer.modal-footer-moving ion-toolbar:first-of-type { padding-top: globals.$ion-space-400; } @@ -63,12 +64,14 @@ html.ionic ion-modal ion-footer ion-toolbar:last-of-type { } /** -* Add additional padding to the left and right of toolbars while accounting -* for the safe area insets. +* Add padding on the left and right +* of toolbars while accounting for +* safe area values when in landscape. */ -html.ionic ion-modal ion-toolbar { - --padding-start: calc(var(--ion-safe-area-right) + #{globals.$ion-space-400}); - --padding-end: calc(var(--ion-safe-area-left) + #{globals.$ion-space-400}); +html.ionic ion-modal ion-toolbar, +html.ionic .modal-footer-moving ion-toolbar { + padding-right: calc(var(--ion-safe-area-right) + #{globals.$ion-space-400}); + padding-left: calc(var(--ion-safe-area-left) + #{globals.$ion-space-400}); } /**