javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 16:16: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-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});
}
/**