[ios] Insufficient margin in the Drawer header.

[xereda]

Insufficient margin in the Drawer header.

The lack of margin at the top of the application header is resulting in a poor usability experience. When I try to access the menu, the access button (hamburger / 3 lines) gets very close to the cell status bar, which results in its inoperability most of the time. I need to keep trying to hit the button to get the sidemenu to open.

I think we should, by default, increase this distance between the Drawer Quasar header and the cell phone status bar.

To illustrate this, I took some applications as an example.

quasar app:

zocdoc:

google inbox (new gmail):

made in ionic1:

google drive:

These are just a few examples. All of them have a larger margin between the header and the cell bar status.

Another issue I believe affects the sensitivity of the burger button, is its size. It should be a little bigger. Close to 20% ... what do you think !?

[robmpreston]

Yes, I had to manually adjust the size of the burger button and the margin on my production apps. Was hard to trigger it, especially on my 6+.

[rstoenescu]

Confirmed. Will get fixed.

[xereda]

@robmpreston In what class did you increase the margin?

And @rstoenescu, will you some good practice for me to do this manually!? I do not want it to impact, in the future, on the use of other components.

[xereda]

I'm trying to palliate this need, but it's not getting good. The header buttons and title are centered, and that's not what we need. We need only a padding to occur at the top of the header.

[rstoenescu]

Just please wait for the fix. It should be easy. Didn't have time for it yet. Consider this solved. It will get into v0.9 which I'll release this week. Thanks.

[xereda]

Tks.

[sunnygill31]

@rstoenescu I think this is again broken with iPhone X.

[rstoenescu]

@sunnygill31 iPhoneX changes a few things. The new starter kit for v0.15 takes care of the problem. Will do a final test before v0.15 is released (really soon).