More subtle looking help/validation messages in forms (MGNLUI-2749)

[MGNLUI-3560] Change the main message banner in forms to appear less bulky Created: 08/Sep/15  Updated: 08/Mar/21  Resolved: 08/Mar/21

Status: Closed
Project: Magnolia UI
Component/s: design, forms
Affects Version/s: None
Fix Version/s: 5.4.x

Type: Sub-task Priority: Neutral
Reporter: Andreas Weder Assignee: Unassigned
Resolution: Obsolete Votes: 0
Labels: forms, ux, visual-design
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Relates
relates to MGNLUI-3558 Tweak how we show warnings and errors... Closed
relates to MGNLUI-3559 Change help and validation messages i... Closed
Template:

 Description   

MGNLUI-2749 asks for a more subtle visual appearance of form help, warnings and error messages.

For the message banner shown at the top of the form this means:

  • Set font-size to 12 px.
  • Set text color of "Jump to next error" link button to color <75>, on hover to white.
  • Use less padding above and below: use 6px only.
  • Make sure that the message banner has a 2px margin at the top and at the bottom.

Generated at Mon Feb 12 09:07:50 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.