[ios] Insufficient margin in the Drawer header. #217

Closed
xereda opened this Issue Nov 19, 2016 · 6 comments

Projects

None yet

3 participants

@xereda
xereda commented Nov 19, 2016 edited

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:
no_space

zocdoc:
zocdoc

google inbox (new gmail):
inbox_google

made in ionic1:
ionic1

google drive:
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
Collaborator

Confirmed. Will get fixed.

@xereda
xereda commented Nov 21, 2016 edited

@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
xereda commented Nov 21, 2016

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
Collaborator

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
xereda commented Nov 21, 2016

Tks.

@rstoenescu rstoenescu changed the title from Insufficient margin in the Drawer header. to [ios] Insufficient margin in the Drawer header. Nov 23, 2016
@rstoenescu rstoenescu added the bug label Nov 23, 2016
@rstoenescu rstoenescu added this to the v0.10 milestone Dec 6, 2016
@rstoenescu rstoenescu modified the milestone: v0.11, v0.10 Dec 16, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment