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

fix(modal): account for safe area on devices with a notch (#20072)

Browse Source 
* fix card modal on notch phones

* only apply safe area for card modal

* fix styles, fix gesture race condition

* a few more tweaks
This commit is contained in:
Liam DeBeasi
2019-12-16 11:34:54 -05:00
committed by Liam DeBeasi
parent 9d1fe2e14f
commit 1cabb53650
6 changed files with 28 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -30,6 +30,14 @@ body.backdrop-no-scroll {
// --overflow: hidden;
// }
// Modal - Card Style
// --------------------------------------------------
// The card style does not reach all the way to
// the top of the screen, so there does not need
// to be any safe area padding added
ion-modal.modal-card .ion-page > ion-header > ion-toolbar:first-child {
padding-top: 0px;
}
// Ionic Colors
// --------------------------------------------------