Skip to Content (Press Enter)
2020-03-20 13-58-15
Renata Campos
151Views
2Comments
[OutSystems UI] Problem with android[data-status-bar-height] selector
Question
Forge
outsystems-ui
Reactive icon
OutSystems UI (O11)
Forge asset by OutSystems

Hello everyone, 

I am facing a problem after the OutSystems UI release Version 2.3.4 which has implemented: "The CSS for Android Devices when the Statusbar Overlay is enabled is identified following the .android[data-status-bar-height] selector"

The app now is overlapping the cellphone status bar.  When I inspect the code, the variable --status-bar-height, which was expected to insert a padding-top over the header, is with no value which causes the overlap.

Is anyone with the same problem?

Thanks to all.




android.png
0
0
07 May 2020
Copy Link
2018-10-16 14-39-27
Vera Mendonça

Renata Campos wrote:

Hello everyone, 

I am facing a problem after the OutSystems UI release Version 2.3.4 which has implemented: "The CSS for Android Devices when the Statusbar Overlay is enabled is identified following the .android[data-status-bar-height] selector"

The app now is overlapping the cellphone status bar.  When I inspect the code, the variable --status-bar-height, which was expected to insert a padding-top over the header, is with no value which causes the overlap.

Is anyone with the same problem?

Thanks to all.



Hi, 

I haven't tried it, but maybe if you define a value to the --status-bar-height variable in your application's theme?


0
0
07 May 2020
Copy Link
2020-03-20 13-58-15
Renata Campos

Vera Mendonça wrote:

Renata Campos wrote:

Hello everyone, 

I am facing a problem after the OutSystems UI release Version 2.3.4 which has implemented: "The CSS for Android Devices when the Statusbar Overlay is enabled is identified following the .android[data-status-bar-height] selector"

The app now is overlapping the cellphone status bar.  When I inspect the code, the variable --status-bar-height, which was expected to insert a padding-top over the header, is with no value which causes the overlap.

Is anyone with the same problem?

Thanks to all.



Hi, 

I haven't tried it, but maybe if you define a value to the --status-bar-height variable in your application's theme?


Hi!

Yes, this is the workaround I have done to solve it. It works. 

But I was wondering if there is a better solution than a fixed value for all android cellphones.  

Thanks!


0
0
11 May 2020
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.