[MGNLUI-1436] Show a transition, if the action bar is collapsed and expanded Created: 23/May/13  Updated: 10/Mar/21  Resolved: 10/Mar/21

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

Type: Improvement Priority: Neutral
Reporter: Andreas Weder Assignee: Unassigned
Resolution: Obsolete Votes: 0
Labels: design
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Relates
relates to MGNLUI-1260 As a user, I see the Action Bar as we... 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)
Date of First Response:

 Description   

It should slide open and close.

The layout of a collapsed bar is slightly different than that of an expanded bar (see also MGNLUI-1260), but I don't expect that we need to take that into account by e.g. also animate the slight change in position of the icons.



 Comments   
Comment by Christopher Zimmermann [ 24/May/13 ]

If one naively just adds a css transition property to the actionbar's width. The actionbar shrinks to the left instead of the right - and the table is never updated.
The BrowserViewImpl is a horizontal layout that contains these components. Apparently the horiz layout adjusts its children when the width of one of them changes, but does not factor in the animation.

Not sure the best way to proceed:
If horizontal layout is still to be used, it must be extended so that it can react to the end of the animation

Another option would be to switch to a css layout and try to get the workbench outline at least to resize fluidly via css when the actionbar is resized - then have an event at the end trigger the workbench items to reflect the new width. Note that css transitions do send client events when complete. "transitionend"
el.addEventListener("transitionend", updateTransition, true);

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