Make WordPress Core

Opened 2 years ago

Last modified 2 years ago

#55509 new defect (bug)

CSS conflict in Custom Fields table

Reported by: princeofabyss's profile princeofabyss Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.9.1
Component: Editor Keywords: has-patch
Focuses: css Cc:


When using the Custom Fields feature, there are two conflicting CSS styles.

More specifically the background-color in the following CSS bit:

#postcustomstuff table {
  margin: 0;
  width: 100%;
  border: 1px solid #dcdcde;
  border-spacing: 0;
  background-color: #f6f7f7;

with the background-color in the following CSS bit:

.alternate, .striped > tbody > :nth-child(2n+1), ul.striped > :nth-child(2n+1) {
  background-color: #f6f7f7;

resulting in all rows of the table in div#postcustomstuff to have the same background color (#f6f7f7)

Change History (2)

#1 @sabernhardt
2 years ago

  • Component changed from General to Editor

I only noticed the alternate class in the block editor, though the Custom Fields table is also in the Classic editor. The background colors are defined in edit.css and common.css (wp-admin).

The next-darkest gray is #f0f0f1.

This ticket was mentioned in PR #2645 on WordPress/wordpress-develop by n-langle.

2 years ago

  • Keywords has-patch added
Note: See TracTickets for help on using tickets.