As a user, I perceive working with the new UI as very fluent and pleasurable (MGNLUI-1264)

[MGNLUI-1419] Add transitions for dialogs appearing and dissapearing. Created: 21/May/13  Updated: 24/May/13  Resolved: 23/May/13

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

Type: Sub-task Priority: Major
Reporter: Christopher Zimmermann Assignee: Christopher Zimmermann
Resolution: Fixed Votes: 0
Labels: design
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Template:
Date of First Response:
Sprint: Beta 3

 Description   

Dialog modality curtains should fade in and out.
Dialogs should slide down and slide back up when done.
(Such as editing a user in security app)

Confirmations should fade in with a slight zoom and fade out with a slight zoom out.
(Such as delete confirmations)

Notifications should slide down from the top - and fade out when done.

Transitions can be implemented with css3 animations.

These transitions are very simple and can be implemented simply by applying css styles.



 Comments   
Comment by Mikaël Geljić [ 24/May/13 ]
  • Giving panel in BaseDialog an undefined height results in breaking dynamic sizing of dialogs (still works for detail subapp's forms).
  • There's a flickering bug in Safari when opening a dialog, the curtain seems to fade in twice somehow.
Comment by Christopher Zimmermann [ 24/May/13 ]

Add fix for safari flickering. Set panel back to 100% and add comment as to why in BaseDialog.

Note - safari flickering bug only happened on 2009 mac when the browser was resized to fullsize or close on 24" monitor.

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