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.
google inbox (new gmail):
made in ionic1:
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 !?
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+.
Confirmed. Will get fixed.
@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.
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.
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.
fix: #217 [ios] Insufficient margin in the Drawer header.