[MGNLUI-93] Currently sorted column should be gray, if it's not the default sort column Created: 25/Oct/12  Updated: 10/Mar/21  Resolved: 10/Mar/21

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

Type: Improvement Priority: Neutral
Reporter: Andreas Weder Assignee: Unassigned
Resolution: Won't Do Votes: 0
Labels: frontend, quickwin, sorting
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

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   

For every list or tree, we have a configurable default sort column and sort direction. Usually, it's the modification date and sorted from newest to oldest. If you open a list or tree, that sort order is indicated by the sort arrow in the header of the column corresponding to that default sort order. If you change the sort direction, the arrow changes to point upward to show the change.

But once you choose an entirely different sort order by clicking on a different column header - let's say the page title in the Pages app -, that column should then feature a light gray background in addition to getting the arrow. The gray background acts as an additional indicator of a non-default sort order and especially helps if you return to an app or view after some time.

From then on, the light gray background sticks until the view is reset (presumably if you close the app), even if the user picks the sort column which also happens to be the default sort column.

The color is color #04 according to the style guide (which shows this for the messages list of Pulse): http://wiki.magnolia-cms.com/display/UX/Style+guides+for+the+Magnolia+shell#StyleguidesfortheMagnoliashell-Messageslistandgenerallistofitems



 Comments   
Comment by Andreas Weder [ 03/Dec/12 ]

Added component(s) to make it easier to filter issues.

Comment by Andreas Weder [ 04/Dec/12 ]

Updated mentioned link to style guides.

Comment by Mikaël Geljić [ 03/Dec/13 ]

Quick win, simply requires setting the background color on the following selector .v-table-cell-content-sorted
However we should probably specify once again which color should be used according to visual changes that occurred since then - looks quite massive if applied to a large column

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