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

fix(core): add missing ionic theme styles for sheet modal

Browse Source
This commit is contained in:
Brandy Smith
2025-06-05 18:01:31 -04:00
parent 92f1975c12
commit 280cb050f3
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
core/src/css/ionic/core.ionic.scss
View File

@ -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-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.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; 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 * Add padding on the left and right
* for the safe area insets. * of toolbars while accounting for
* safe area values when in landscape.
*/ */
html.ionic ion-modal ion-toolbar { html.ionic ion-modal ion-toolbar,
--padding-start: calc(var(--ion-safe-area-right) + #{globals.$ion-space-400}); html.ionic .modal-footer-moving ion-toolbar {
--padding-end: calc(var(--ion-safe-area-left) + #{globals.$ion-space-400}); padding-right: calc(var(--ion-safe-area-right) + #{globals.$ion-space-400});
padding-left: calc(var(--ion-safe-area-left) + #{globals.$ion-space-400});
} }
/** /**