Twenty Twenty: word wrap in comments required message

[sabernhardt]

Because the comments-notes and logged-in-as paragraphs are centered in Twenty Twenty, words can wrap poorly to the next line. With "Edit your profile" as visible text (r53796), wrapping will occur more often.

[sabernhardt]

"marked *" on a second line

[sabernhardt]

the asterisk on its own, on the second line

[sabernhardt]

adds display: inline-block to the required fields message

[sabernhardt]

patch keeps the full required message on the second line (in English)

[sabernhardt]

French form at 360 pixels wide (modifying new logged-in-as string within the browser)

[sabernhardt]

Setting display to inline-block generally helps, though it still would not display well in all languages at narrower widths (or high zoom).

[audrasjb]

Looks good to me at a glance. Self assigning for further review/testing 👀

[mukesh27]

Hi there!

Thanks for the ticket and patch Stephen!

56397.diff​ Work perfectly as expected and ready to merge. Waiting for JB's final review.

Adding commit keyword.

[nidhidhandhukiya]

I have reproduced this issue on WP 6.0.1 and the issue is resolved with the given patch and works fine. Checked this issue on cross browsers as well and it is working well with latest versions of chrome, safari and fire fox.

[audrasjb]

I tested the patch with several languages and it looks good to me. Thanks @sabernhardt for spotting this.

[audrasjb]

In 54046:

Twenty Twenty: Improve word wrap in comments required message.

Because .comments-notes and .logged-in-as paragraphs are centered in Twenty Twenty, words were wrapping poorly to the next line, and even more often with "Edit your profile" displayed as visible text (see [53796]). This changeset ensures the required message is displayed on a new line.

Follow-up to [53796].

Props sabernhardt, audrasjb, mukesh27, nidhidhandhukiya.
Fixes #56397.