WordPress.org

Make WordPress Core

Opened 3 years ago

Closed 3 years ago

Last modified 3 years ago

#36563 closed defect (bug) (wontfix)

TwentyFifteen: Lists are not displayed nicely within comments

Reported by: juanfra Owned by:
Milestone: Priority: normal
Severity: normal Version: 4.6
Component: Bundled Theme Keywords:
Focuses: ui, rtl Cc:

Description

When viewing the website in a common resolution(1440x900) and having comments including html lists (ul, ol) they look outside the grid.

https://cldup.com/YOza0HqdR4.png

This is thanks to the margin-left assignment to 0 in line # 2877 of styles.css and never redeclared again.

Redeclaring a left margin for both elements in their next appearance (line # 3461) should solve this issue:

Something like:

.comment-content ul,
.comment-content ol {
	margin-bottom: 1.6471em;
	margin-left: 1.3333em;
}

But perhaps we need to go resolution by resolution to make it look in-line with the comment content? (we'll need testers for that).

Attachments (1)

36563.patch (582 bytes) - added by juanfra 3 years ago.
Re-assign margin for lists within comments.

Download all attachments as: .zip

Change History (3)

@juanfra
3 years ago

Re-assign margin for lists within comments.

#1 @afercia
3 years ago

  • Milestone Awaiting Review deleted
  • Resolution set to wontfix
  • Status changed from new to closed

Thanks @juanfra and welcome to Trac. This is an intentional design choice in Twenty Fifteen and a typographic feature called hanging punctuation. See #30374.

#2 @juanfra
3 years ago

Thanks @afercia! I wasn't aware of hanging punctuation, that's why I guessed it was a bug (like #30374).

Feels good to learn something new!

Note: See TracTickets for help on using tickets.