WordPress.org

Make WordPress Core

Opened 7 months ago

Last modified 11 days ago

#50454 accepted defect (bug)

Twenty Twenty: ordered list styling in Classic Editor

Reported by: sabernhardt Owned by: sabernhardt
Milestone: 5.7 Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: has-patch dev-feedback
Focuses: css Cc:

Description

This issue was originally reported by @sebastienserre on GitHub:
https://github.com/WordPress/classic-editor/issues/114

Twenty Twenty uses the square style for ordered lists when in the Classic Editor.

body#tinymce.wp-editor.content ol {
    margin-left: 1.5em;
    padding-left: 0;
    list-style: square;
}

In the main stylesheet, however, the style is set to list-style: decimal;

Attachments (2)

ordered-list-classic-editor-twenty-twenty.png (9.1 KB) - added by sabernhardt 7 months ago.
ordered list in Classic Editor
50454.patch (1.0 KB) - added by sabernhardt 7 months ago.
Sets Classic Editor's ol style to list-style: decimal;

Download all attachments as: .zip

Change History (6)

@sabernhardt
7 months ago

ordered list in Classic Editor

@sabernhardt
7 months ago

Sets Classic Editor's ol style to list-style: decimal;

#1 @sabernhardt
2 months ago

  • Milestone changed from Awaiting Review to 5.7
  • Owner set to sabernhardt
  • Status changed from new to accepted

Setting a milestone for this simple fix.

Of course, if someone wants to commit it sooner, I won't complain :)

This ticket was mentioned in Slack in #core-css by kirstyburgoine. View the logs.


2 months ago

#3 @Hareesh Pillai
11 days ago

  • Keywords dev-feedback added

Since the default value for list-style-type is decimal (for ol), wouldn't it suffice if we just remove list-style: square;?

#4 @sabernhardt
11 days ago

@hareesh-pillai The browser default might suffice for ordered lists, but this patch sets the editor styles to match the assigned front-end value.
style.css, line 487

(If removing that from the editors' styles, it would not belong on the front end either.)

Note: See TracTickets for help on using tickets.