[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 |