Make WordPress Core

Opened 20 months ago

Closed 20 months ago

Last modified 20 months 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 Owned by: fabiankaegy
Priority: normal Milestone:
Component: Administration Version:
Severity: normal Keywords: has-patch has-screenshots
Cc: Focuses: ui, css

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 20 months ago.
dashboard--after.png​ (562.4 KB ) - added by fabiankaegy 20 months ago.
settings-general--before.png​ (469.2 KB ) - added by fabiankaegy 20 months ago.
settings-general--after.png​ (450.0 KB ) - added by fabiankaegy 20 months ago.

Download all attachments as: .zip

Change History (12)

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


20 months ago
#1

  • Keywords has-patch added

#2 @fabiankaegy
20 months ago

  • Focuses administration removed

#3 @swissspidy
20 months ago

  • Keywords needs-screenshots added

#4 @audrasjb
20 months ago

  • Component General → Administration

Related: #62864

#5 @fabiankaegy
20 months ago

  • Keywords has-screenshots added; needs-screenshots removed

#6 @audrasjb
20 months 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
20 months ago

  • Milestone Awaiting Review
  • Resolution → duplicate
  • Status assigned → 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
20 months ago

Ok thanks for the feedback!

Note: See TracTickets for help on using tickets.