WordPress.org
Get WordPress

Make WordPress Core

Opened 4 weeks ago

Last modified 4 weeks ago

#64667 new enhancement

Refine the user dropdown CSS, make the avatar circular

Reported by: joen's profile Joen Owned by:
Milestone: Awaiting Review Priority: normal
Severity: minor Version:
Component: Toolbar Keywords: has-patch
Focuses: ui, css Cc:

Description

This is a small, non-urgent, proposal for the WordPress admin-bar user dropdown, to do a few things:

  • Make the avatar circular. This matches avatar usage inside the block editor, but notably can help distinguish from "site logos" which are often square or round-rects.
  • Refine the margins, paddings spacings, of the items inside.
  • Make the username white.

Attachments (2)

mockup.png​ (34.0 KB) - added by Joen 4 weeks ago.
Proposed state
after1.png​ (21.4 KB) - added by Joen 4 weeks ago.
Closed state

Download all attachments as: .zip

Change History (5)

@Joen
4 weeks ago

Proposed state

This ticket was mentioned in ​PR #10967 on ​WordPress/wordpress-develop by ​@Joen.
4 weeks ago #1

  • Keywords has-patch added; needs-patch removed

This is a small, non-urgent, proposal for the WordPress admin-bar user dropdown, to do a few things:

Make the avatar circular. This matches avatar usage inside the block editor, but notably can help distinguish from "site logos" which are often square or round-rects.
Refine the margins, paddings spacings, of the items inside.
Make the username white.

Trac ticket: https://core.trac.wordpress.org/ticket/64667

## Use of AI Tools

No.

@Joen
4 weeks ago

Closed state

#2 @sabernhardt
4 weeks ago

  • Component changed from Menus to Toolbar

#3 @sabernhardt
4 weeks ago

  • Focuses css added
  • Version trunk deleted
Note: See TracTickets for help on using tickets.