Comment content ul elements have no style in the Comment List Table or Moderate Comment screen

[rachelbaker]

In both the Moderate Comment and Comment List Table screens, moderators do not see any list-style formatting in comment content. The comment_content is displayed with the proper unordered list markup, but are displayed with a list-style: none CSS rule.

See screenshots*:

• in the above screenshots the following text is an unordered list:

<ul>
<li>As you wish.<li>
<li>Ye-ha!</li>
<li>Don't underestimate the Force.</li>
<li>Hokey religions and ancient weapons are no match for a good blaster at your side, kid.
I have traced the Rebel spies to her. Now she is my only link to finding their secret base.</li>
</ul>

[juanfra]

This is because the default styles for ol is (wp-admin/css/common.css):

ol {
	list-style-type: decimal;
	margin-left: 2em;
}

While the default for ul is:

ul {
	list-style: none;
}

The following code makes the trick, but I'm not sure if we're missing some place as it is applied only on the comment table:

.widefat .column-comment ul {
	list-style: initial;
	margin-left: 2em;
}

P.S.: It seems that in Twenty Fifteen the lists within comments are not styled that well:https://cloudup.com/cIW-Bka8Lba (I'll open a new ticket for this one)

[SergeyBiryukov]

Replying to juanfra:

If we are ok with this solution I'll happily send a patch with the rtl and minified versions.

No need to patch minified or RTL files, a build task takes care of that.

[juanfra]

Hi @SergeyBiryukov, thanks for the heads up, didn't know that :)

[rachelbaker]

Adds ul styles to the Moderate Comment Screen as well

[rachelbaker]

In 36160.3.patch​ I applied the same ul style rules from 36160-2.patch​ to the Moderate Comment screen as well.

Screenshots:

Before:

After:

[juanfra]

@rachelbaker Nice catch! I missed that one, sorry.

[rachelbaker]

In 37304:

Comments: Add unordered list styling to Comments List Table rows and Moderate Comment screen.

Fixes #36160

Props juanfra.