[MGNLUI-924] Fix visual appearance of warning messages Created: 20/Mar/13  Updated: 16/Sep/13  Resolved: 16/Sep/13

Status: Closed
Project: Magnolia UI
Component/s: design
Affects Version/s: 5.0
Fix Version/s: 5.1

Type: Bug Priority: Critical
Reporter: Andreas Weder Assignee: Christoph Meier
Resolution: Fixed Votes: 0
Labels: design, review
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified
Environment:

Magnolia 5.0 Alpha 3-1
Mac OS X 10.8.3, Safari 6.0.3


Attachments: PNG File mockup_Warning message.png    
Issue Links:
Relates
relates to MGNLUI-925 Fix visual appearance of info messages Closed
relates to MGNLUI-926 Always show a "[MORE]" link in messag... Closed
relates to MGNLUI-923 Fix visual appearance of error messages Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Date of First Response:
Sprint: RC 1, 5.1 Beta1- Frontend

 Description   

During a review, I've found a number of visual issues with warning messages:

  • Use fade out transition to make banner disappear. It should slide up when showing (it does, currently), then fade out if closed.
  • Don't show an empty line between the title and the second line of text. Instead, show the two lines directly one after the other.
  • Only show at most two lines of text: the title plus a single line below. Let the browser abbreviate the line, if it becomes too long.
  • Don't show the "more" link button in bold print. Use the regular font variant instead.
  • Align close button of banner with close button of apps


 Comments   
Comment by Andreas Weder [ 20/Mar/13 ]

Adding one connected issue covering info messages plus a separate issues I've found with the "MORE" link.

Comment by Christoph Meier [ 22/Aug/13 ]

everythings's done beside the fade out transition.

Comment by Christoph Meier [ 22/Aug/13 ]

the fade out transition is also implemented no. But note: It looks nice for Chrome but on FF it is somehow "bumpy" ... bit this was already the case for the slide-out-transition ...

Comment by Christoph Meier [ 26/Aug/13 ]

fixed

Comment by Eric Hechinger [ 16/Sep/13 ]

requirement :
Don't show an empty line between the title and the second line of text. Instead, show the two lines directly one after the other.

Still present

Comment by Christoph Meier [ 16/Sep/13 ]

i've checked that wit Andreas during the fix. He agreed in what i did. The gap between the lines also depens on the browser(s). So i set it to fixed again.

Generated at Mon Feb 12 08:41:38 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.