[MGNLUI-60] Improve general appearance of tree view (checkbox, header, ..) Created: 21/Aug/12  Updated: 11/Feb/13  Resolved: 25/Oct/12

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

Type: Improvement Priority: Critical
Reporter: Andreas Weder Assignee: Samuli Penttilä
Resolution: Obsolete Votes: 0
Labels: design
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Cloners
relation
is related to MGNLUI-77 Tree view: leaf nodes should not be m... Closed
is related to MGNLUI-74 Adjust look and height of views depen... Closed
is related to MGNLUI-61 Fix appearance of the Messages list o... Closed
supersession
supersedes MGNLUI-101 Checkboxes in list and trees are too ... Closed
is superseded by MGNLUI-89 Improve List and Tree view (collectin... 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   
  • The check boxes are currently native check boxes. Please replace them with the designed variant. It can be found on the page containing the M5 icon (icon #100)
  • The header doesn't look as designed: the line below it should be slighter darker and located closer to the text.
  • We now have the exact paddings and margins. Please verify them all:
    • e.g. the check box must be closer to the right margin
    • e.g. the label in the header must be better separated from the check box

The style guides defining the tree view can mostly be found at: http://wiki.magnolia-cms.com/display/UX/Style+guides+for+visual+design#Styleguidesforvisualdesign-AppslayoutandTreeview
All icons can be found at: http://wiki.magnolia-cms.com/display/UX/Icons+for+Magnolia+5



 Comments   
Comment by Andreas Weder [ 21/Aug/12 ]

Raising this to blocker: this will be such a central component during the keynote and will receive so much attention in the preview release, we have to make sure it looks properly. We also have to be all happy with it.

We can still tweak hybrid selection a bit later. E.g. Pascal doesn't like that the check boxes are always checked, though that's actually by design (we could only start ticking check boxes with the second element you select, but that would require some JS juggling).

Comment by Andreas Weder [ 11/Sep/12 ]

Updated to take into account changes already implemented for the Developer Preview. Most of this is still an issue.

Comment by Samuli Penttilä [ 09/Oct/12 ]

Checkboxes are styled. Tuning sizes according to style guide will be done on next sprint.

Comment by Andreas Weder [ 24/Oct/12 ]

Assigning this back to Samuli (was before move from SCRUM project)

Comment by Andreas Weder [ 25/Oct/12 ]

I've replaced this issue with a number of issues from a recent review, captured by this referenced issue here.

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