As a user, I see the Action Bar as well-structured tool with a good overview (MGNLUI-1260)

[MGNLUI-1430] Collapsed action bar doesn't look as designed Created: 23/May/13  Updated: 31/May/13  Resolved: 30/May/13

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

Type: Sub-task Priority: Major
Reporter: Andreas Weder Assignee: Samuli Penttilä
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   

The collapsed action bar on a Desktop system:

  • should be less wide
  • its lines separating the action groups should have a smaller padding on the left, when the action bar is collapsed.
  • the action icons are closer to the left edge in the collapsed state of the action bar than they are in the expanded state.
  • the opening/closing arrow should be closer to the right edge. Please align it with the left edge of the app close icon above - don't put it as close to the edge as we see it in the visual design, as else it will become unusable.

Please verify the existing design against the style guide available here: http://wiki.magnolia-cms.com/display/UX/Style+guides+for+Magnolia+apps#StyleguidesforMagnoliaapps-Mastertemplate



 Comments   
Comment by Samuli Penttilä [ 30/May/13 ]

Fixed by tuning CSS

Comment by Mikaël Geljić [ 30/May/13 ]

Nice one I'm reopening briefly for the toggle icon:
I suggest we change background-position to 10px 10px and leave all padding set to 10px, so that we don't reduce the touch target.

Comment by Samuli Penttilä [ 30/May/13 ]

Thanks. Touch target is restored to 10x10px

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