Join GitHub today
GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.Sign up
Make UI respect safe space #152
It seems there are theme variables available for this; also it should work out of the box. Could you have a look at this https://ionicframework.com/docs/theming/advanced?
If it doesn't work we might have just misconfigured something. We should be able to reconfigure, or worst case manually initialize those variables with the values you used in your css proposal.
I looked into it, but seems like the value provided by ionic is the same with the env variable, i.e. env(safe-area-inset-top) === var(--ion-safe-area-top).
Which means it's already initialized but not used.
I'm not really familiar with the Ionic environment, but I think this should be handled by ionic.
There's a similar issue on capacitor repo:
But I'm not sure about injecting some stylesheet from the network, especially when we might need offline support later on.