Make WordPress Core

Opened 6 weeks ago

Closed 6 weeks ago

Last modified 6 weeks ago

#62933 closed defect (bug) (duplicate)

Update styling of wp-admin form elements to match the WordPress design system as established by the block editor

Reported by: fabiankaegy's profile fabiankaegy Owned by: fabiankaegy's profile fabiankaegy
Milestone: Priority: normal
Severity: normal Version:
Component: Administration Keywords: has-patch has-screenshots
Focuses: ui, css Cc:

Description

Over the past several years, the WordPress design system has been updated quite a bit. All these new design choices have been implemented in the block editor first using the @wordpress/components design system as the source of truth.

Whilst the eventual goal is to actually leverage that react component library to also power all of the admin interfaces, a first step would be to realign the styling applied to the individual components.

This is a larger effort and, therefore, best broken up into several small incremental updates.

To start, I would suggest we look at the button & form elements. I tried to handle them in isolation, but there are so many places where buttons render next to select elements, for example, that they really need to be handled at the same time.

Attachments (4)

dashboard--before.png (562.4 KB) - added by fabiankaegy 6 weeks ago.
dashboard--after.png (562.4 KB) - added by fabiankaegy 6 weeks ago.
settings-general--before.png (469.2 KB) - added by fabiankaegy 6 weeks ago.
settings-general--after.png (450.0 KB) - added by fabiankaegy 6 weeks ago.

Download all attachments as: .zip

Change History (12)

This ticket was mentioned in PR #8283 on WordPress/wordpress-develop by @fabiankaegy.


6 weeks ago
#1

  • Keywords has-patch added

#2 @fabiankaegy
6 weeks ago

  • Focuses administration removed

#3 @swissspidy
6 weeks ago

  • Keywords needs-screenshots added

#4 @audrasjb
6 weeks ago

  • Component changed from General to Administration

Related: #62864

#5 @fabiankaegy
6 weeks ago

  • Keywords has-screenshots added; needs-screenshots removed

#6 @audrasjb
6 weeks ago

Thanks for the ticket and PR!
At a glance this ticket looks a lot like a duplicate of #62864, isn't it?
Pinging @karmatosed too ;)

#7 @fabiankaegy
6 weeks ago

  • Milestone Awaiting Review deleted
  • Resolution set to duplicate
  • Status changed from assigned to closed

Duplicate of #62864.

@audrasjb you are completely right :facepalm: I even talked to @karmatosed about it before either of us started working on it. I just wansn't able to find their ticket/patch. This one can get closed out as a duplicate :)

#8 @audrasjb
6 weeks ago

Ok thanks for the feedback!

Note: See TracTickets for help on using tickets.