Improve visual appearance of trees and lists (MGNLUI-633)

[MGNLUI-1155] Make header of lists and trees less prominent Created: 22/Apr/13  Updated: 02/May/13  Resolved: 25/Apr/13

Status: Closed
Project: Magnolia UI
Component/s: design, tree/list
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 2

 Description   

The header is too prominent currently. We've found that the following works quite well:

  • reduce the height of the header (e.g. top padding to 5px).
  • set a background color of our very light gray (color 24: #f2f2f2). The list of rows then slides nicely underneath the header.
  • set bottom border to only 1px (remove "medium")
  • set font-weight to "normal"
  • try to set font color to "#666". If too light, try "#333".


 Comments   
Comment by Samuli Penttilä [ 24/Apr/13 ]

Fixed by setting the style accordingly.

Comment by Andreas Weder [ 24/Apr/13 ]

Sorry, one more thing: please change the color of the text in the header to be #666. Thanks.

Comment by Samuli Penttilä [ 25/Apr/13 ]

Fixed by changing the color.

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