Quick Edit error messages UI improvements

[afercia]

When a Quick Edit action fails, an error message is displayed in plain text inside the form. See in the screenshot below, for Posts and Taxonomies.

They could be visually improved a bit. Probably use a .notice CSS class and, especially for small screens, be displayed below the form?

[afercia]

Yep, just prepared a screenshot for Quick Edit and Reply errors for comments :)

[karmatosed]

I think having them red is good. I almost want full on error messages though with boxes and everything. They merge a little too much for me just as text. However, I do wonder if making them an error box will be overkill.

I wonder a little on positioning, the message seems to float without connecting to an action in a few of those screenshots. Could we use this as a chance to bring the message to the action also?

[melchoyce]

+1 for a regularly styled error message, even if it does feel a little overkill. Attaching some ideas.

[karmatosed]

+1 to that @melchoyce - looks so much better with a box and error message that way.

[afercia]

35496.diff​ changes the error messages to use inline notices. Also adds some missing periods to some error messages. A few screenshots:

[melchoyce]

One note, we'll want to use the .notice-alt class here since the notice is on a white background.

[afercia]

Actually, the notices are on a zebra striped background, depending on the line the background is white or light gray. Patch updated with the notice-alt style. Screenshot:

One thing I personally don't like so much about the notice-alt style is that it lacks the bottom box-shadow, making the notice look "flat". any specific reason for this?

[afercia]

Refreshed patch. I'm going to commit this change. If the notice-alt style feels a bit too heavy, can be quickly changed to normal notice.

[afercia]

In 41684:

Quick/Bulk Edit: Improve the inline error messages styling.

• uses the core notice styles for the Quick Edit form inline error messages
• adds missing periods at the end of a few error messages

Props ocean90, karmatosed, melchoyce, afercia.
Fixes #35496.