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

fix(all): safe-area using css variables

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-08-10 01:41:05 +02:00
parent 3da1bf45ba
commit aa23d08a71
18 changed files with 50 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
core/src/components/app/app.scss
View File

@ -4,19 +4,24 @@ ion-app.is-device {
}
ion-app.statusbar-padding {
--ion-statusbar-padding: 20px;
--ion-safe-area-top: 20px;
}
// TODO: remove once Safari 11.2 dies
@supports (padding-top: constant(safe-area-inset-top)) {
ion-app.statusbar-padding {
--ion-statusbar-padding: constant(safe-area-inset-top);
--ion-bottom-padding: constant(safe-area-inset-bottom);
--ion-safe-area-top: constant(safe-area-inset-top);
--ion-safe-area-bottom: constant(safe-area-inset-bottom);
--ion-safe-area-left: constant(safe-area-inset-left);
--ion-safe-area-rigtht: constant(safe-area-inset-right);
}
}
@supports (padding-top: env(safe-area-inset-top)) {
ion-app.statusbar-padding {
--ion-statusbar-padding: env(safe-area-inset-top);
--ion-bottom-padding: env(safe-area-inset-bottom);
--ion-safe-area-top: env(safe-area-inset-top);
--ion-safe-area-bottom: env(safe-area-inset-bottom);
--ion-safe-area-left: env(safe-area-inset-left);
--ion-safe-area-rigtht: env(safe-area-inset-right);
}
}