refactor(core): use Capacitor's new safe area variables

thetaPC · thetaPC · commit 7eada4c556a1 · 2025-12-12T08:15:35.000-08:00
diff --git a/core/src/css/core.scss b/core/src/css/core.scss
@@ -252,10 +252,10 @@ html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
 
 @supports (padding-top: env(safe-area-inset-top)) {
   html {
-    --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-right: env(safe-area-inset-right);
+    --ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));
+    --ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));
+    --ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));
+    --ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -252,10 +252,10 @@ html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {`
`252`	`252`
`253`	`253`	`@supports (padding-top: env(safe-area-inset-top)) {`
`254`	`254`	`html {`
`255`		`- --ion-safe-area-top: env(safe-area-inset-top);`
`256`		`- --ion-safe-area-bottom: env(safe-area-inset-bottom);`
`257`		`- --ion-safe-area-left: env(safe-area-inset-left);`
`258`		`- --ion-safe-area-right: env(safe-area-inset-right);`
	`255`	`+ --ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));`
	`256`	`+ --ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));`
	`257`	`+ --ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));`
	`258`	`+ --ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));`
`259`	`259`	`}`
`260`	`260`	`}`
`261`	`261`