javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(): revert #23181

Browse Source 
Reverts #23181
This commit is contained in:
William Martin
2021-05-03 16:29:58 -04:00
committed by GitHub
parent 2e00dab95d
commit 03d5fcb6c8
1 changed files with 5 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
core/src/css/core.scss
View File

@ -32,35 +32,11 @@ body.backdrop-no-scroll {
// Modal - Card Style // Modal - Card Style
// -------------------------------------------------- // --------------------------------------------------
/** // The card style does not reach all the way to
* Card style modal needs additional padding on the // the top of the screen, so there does not need
* top of the header. We accomplish this by targeting // to be any safe area padding added
* the first toolbar in the header. html.ios ion-modal.modal-card .ion-page > ion-header > ion-toolbar:first-of-type {
* Footer also needs this. We do not adjust the bottom padding-top: 0px;
* padding though because of the safe area.
*/
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type {
padding-top: 6px;
}
/**
* Card style modal needs additional padding on the
* bottom of the header. We accomplish this by targeting
* the last toolbar in the header.
*/
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type {
padding-bottom: 6px;
}
/**
* Add padding on the left and right
* of toolbars while accounting for
* safe area values when in landscape.
*/
html.ios ion-modal ion-toolbar {
padding-right: calc(var(--ion-safe-area-right) + 8px);
padding-left: calc(var(--ion-safe-area-left) + 8px);
} }
// .ion-page needs to explicitly inherit // .ion-page needs to explicitly inherit