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

[MGNLUI-91] Change alignment and color of sort arrow Created: 25/Oct/12  Updated: 21/May/13  Resolved: 17/May/13

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

Type: Sub-task Priority: Neutral
Reporter: Andreas Weder Assignee: Samuli Penttilä
Resolution: Fixed Votes: 0
Labels: design, list, sorting, tree
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Template:
Date of First Response:
Sprint: Beta 2

 Description   

The color of the sort arrow in the header row is actually not black.

It's color #23 from the style guide: http://wiki.magnolia-cms.com/display/UX/Style+guides+for+visual+design#Styleguidesforvisualdesign-Messageslistandgenerallistofitems

Or more blatantly put: it's #3E5900.

Please also make sure that the arrow shows up vertically centered with the text in the header.



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

Fixed by using icon font with correct coloring and arrangement.

Comment by Espen Jervidalo [ 15/May/13 ]

I can't sort at all in any of the browser subapps anymore? this is actually not related to this ticket, I also tried on master.

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

@Espen didn't see any issue with sorting. Just to make sure, it's only available in list views.
@Andreas not sure about this very dark green, the green-ish coloring is barely visible on the light grey we have now, a standard grey in our color palette would do I guess.
@Samuli please replace the hard-coded hex color code with the corresponding variable in colors.scss

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

Changed the hex color to use a variable.

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