[MGNLUI-5834] Floating action bar Created: 23/Apr/20  Updated: 11/May/20

Status: Open
Project: Magnolia UI
Component/s: actionbar
Affects Version/s: None
Fix Version/s: None

Type: Story Priority: Neutral
Reporter: Antti Hietala Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

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:
Epic Link: Merge preview features

 Description   

Create a floating action bar.

Reasons and benefits

  • Current action bar takes quite a lot of screen real estate.
  • Floating transparent action bar allows the user to see more of the page design.
  • A floating palette is a common pattern in design applications such as InDesign.
  • You can drag the action bar to any position within the subapp to move it out of your way.
  • It's unobtrusive but is there when you need it.

Behavior

  • Action bar has 2 modes
    • Docked to the side (current)
    • Floating (new)
  • Both modes have expanded and collapsed states.
  • Floating action bar can dragged within the subapp.

Mockup

 


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