humhub
Add fix for translucent system navigation bar
Hey @marc-farre, here's a fix for the translucent system navigation bar. However, it looks like the safe-area issue has reoccurred here. I know we fixed it for Inforique.
https://github.com/user-attachments/assets/1c5e4d02-35a3-4cdc-ba69-1e57da49a50e
Regarding safe-area I created an issue here: https://github.com/humhub/app-internal/issues/105
@PrimozRatej I'll do some tests with these CSS in the theme:
env(safe-area-inset-top)
env(safe-area-inset-right)
env(safe-area-inset-bottom)
env(safe-area-inset-left)
https://medium.com/@developerr.ayush/understanding-env-safe-area-insets-in-css-from-basics-to-react-and-tailwind-a0b65811a8ab
The previous similar issue was with iOS. But here it's about Android.
@PrimozRatej I did not find a way to reproduce the issue. E.g. with https://app.lambdatest.com/ I cannot have this transparent bottom bar.
But I see that the CSS safe area attribute is the same with iOS and Android. And it's already available here: https://github.com/cuzy-app/clean-theme/blob/2efb478e5112ab2b142fdb2cd02c7482ec220979/themes/Clean/less/humhub/mobile.less#L69-L69
We shouldn't add padding bottom with the App, it should be in the theme with CSS. But I don't know why it doesn't work.
Could you test with https://leclub.inforisque.fr/ ?
It's here: