WordPress.org

Make WordPress Core

Opened 3 months ago

Last modified 25 hours ago

#48894 new enhancement

Improve the small user sub window at the right corner on the admin bar

Reported by: ixkaito Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Toolbar Keywords: needs-design-feedback
Focuses: ui, accessibility, javascript, css, administration Cc:

Description

I always accidentally click the link in the small user sub window when I want to publish a post. Does anyone have any ideas to improve this motion? For example, disable the hover effect and display the small window after clicking the link at the right corner.

Attachments (3)

Kapture 2019-12-06 at 15.25.28.gif (7.8 MB) - added by ixkaito 3 months ago.
buddypress_usermenu_example.jpg (22.4 KB) - added by xkon 6 weeks ago.
Screen Shot 2020-02-19 at 6.32.03 PM.png (234.8 KB) - added by garrett-eclipse 3 days ago.
Fullscreen Mode - The Fullscreen Mode was designed to assist in removing this interface conflict

Change History (10)

#1 @SergeyBiryukov
3 months ago

  • Component changed from Administration to Toolbar

This ticket was mentioned in Slack in #accessibility by afercia. View the logs.


6 weeks ago

#3 @afercia
6 weeks ago

  • Keywords needs-design-feedback added

This ticket was discussed during today's accessibility bug-scrub: agreed that maybe it's time to reconsider the whole "My account" fly-out and get a new design. Adding the related keyword.

#4 @xkon
6 weeks ago

My reply, when discussed on the ticket scrubs, was that by default WordPress uses a dropdown menu at which everything points to just profile.php as well as logout.

There are plugins that already hook there ( see buddypress_usermenu_example.jpg ) so completely changing the functionality might not be optimal but we might want to reconsider the "default state" at least.

Maybe we could utilize a "default state" of having 2 simple links towards the profile and logout without the need of the dropdown and if any plugin adds more items on the menu then it could be "converted" to the way it currently works?

Not sure if that would be possible or a perfect solution but it would definitely avoid the menu from interfering with actions like the Publish mentioned or even the Screen Options / Help that are the usual suspects on the far right corner there.

Re-mentioning this here just to start a discussion on any possible improvements :)

@garrett-eclipse
3 days ago

Fullscreen Mode - The Fullscreen Mode was designed to assist in removing this interface conflict

#5 in reply to: ↑ description @garrett-eclipse
3 days ago

  • Keywords close added

Replying to ixkaito:

I always accidentally click the link in the small user sub window when I want to publish a post. Does anyone have any ideas to improve this motion? For example, disable the hover effect and display the small window after clicking the link at the right corner.

Hello @ixkaito from watching your demo I feel you'd benefit from using the 'Fullscreen mode' of the editor which is found under the triple dot icon ⋮ (More tools & options).
https://core.trac.wordpress.org/raw-attachment/ticket/48894/Screen%20Shot%202020-02-19%20at%206.32.03%20PM.png

This will suppress the admin bar from view when editing a post and remove the conflict of the Publish and User dropdown being in close vicinity.

@afercia / @xkon if the my-account flyout needs a redesign for accessibility improvements can we identify the current issues and pitfalls to help drive any design changes, was there any raised in the scrub to drive the need?

#6 @afercia
2 days ago

  • Keywords close removed

Will propose to add this ticket to the next accessibility team meeting agenda.

I wouldn't say this issue relates only to the block editor page. It is a long standing issue in all the admin pages, where the "Help" and "Screen Options" are close to the fly-out. Not sure this should be closed.

This ticket was mentioned in Slack in #accessibility by nrqsnchz. View the logs.


25 hours ago

Note: See TracTickets for help on using tickets.