Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-5834

Floating action bar

    XMLWordPrintable

Details

    • Story
    • Resolution: Unresolved
    • Neutral
    • None
    • None
    • actionbar
    • None

    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

       

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                Unassigned Unassigned
                ahietala Antti Hietala
                Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                  Created:
                  Updated:

                  Checklists

                    Task DoD