Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Usability issues with the (+) button in pages list #496

Closed
fvsch opened this issue Apr 16, 2016 · 2 comments
Closed

Usability issues with the (+) button in pages list #496

fvsch opened this issue Apr 16, 2016 · 2 comments

Comments

@fvsch
Copy link

fvsch commented Apr 16, 2016

In the current stable admin plugin (for Grav 1.0.10), the (+) button that shows a page’s children in /admin/pages has a few usability issues:

  • On hover it uses a text cursor, rather than cursor:pointer or cursor:default, which can make user thinks it’s not a reactive element.
  • On hover it shows an information tooltip that has nothing to do with showing/hiding child pages. This also sends the wrong message ("no feature here, don't click").
  • It cannot be accessed with the keyboard (it’s currently a <i class="page-icon …"></i>, would benefit from being a <button type="button" aria-label="Show child pages"><i class="page-icon …></i></button>).
  • The hitbox for actually clicking the button is too small: 20 by 16px. For an icon-only button, I’d say 24 by 24px is a minimum, but 30px is even better.
@rhukster rhukster added the ux label Apr 16, 2016
@rhukster
Copy link
Member

Some legit things here. We'll take a look!

@rhukster
Copy link
Member

rhukster commented May 3, 2016

Fixed in develop

@rhukster rhukster closed this as completed May 3, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants