The Material status bar overlay should be 24px

This is a (multiple allowed):

• bug

• enhancement

• Framework7 Version: 1.5.3

• Platform and Target: Cordova – Android

What you did

I created a PhoneGap application running on Android API 21+ and then I explicitly enabled fullscreen using this code:

window.getDecorView().setSystemUiVisibility(
                        View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                                | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
                window.setStatusBarColor(Color.TRANSPARENT);

To check the statusbar size, I temporarily set it to red:

.statusbar-overlay { background-color: red; }

Expected Behavior

The status bar overlay should be 24px while using the Material theme.

Actual Behavior

The status bar is set to 20px and a lot of other elements depending on it also use a padding or top position of 20px.

[macdonst]

@lazza this cool. I just wanted to make sure I understood the bug. Link you status bar issue/PR here as well. I’m an apache Cordova core committee / Adobe Phonegap team member and I want this to work seamlessly for everyone.

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.