Currently, the translation dashboard shows different lists (suggestions, ongoing translations, and published articles). Some of those lists do not have an explicit label, but those in the suggestions section do which is not part of the list.
In order to better align with the design styleguide, we propose to provide all lists with a header that is part of the same piece of paper as the content displayed. The header will include:
- The list title. This is the name that identifies the list (e.g., "For later"). Titles proposed:
-- Suggested pages
-- For later
-- Translations in progress
-- Translations published
- Optionally, the language selector. Depending on the case:
-- The suggestions list has a language selector that requires a specific source and target language.
-- The "for later" list does not need a language selector. The list will show all items the user added, regardless of the source and target languages.
-- In-progress and published have a language selector with the "any -> any" option as default, allowing the user to filter the list.
Here are some examples:
|Suggestions | Suggestions & for later | In-progress|
For lists, regardless of them including a language selector or not, the spacing needs to e consistent. A diagram below illustrates the distances used in each case:
This ticket is focused on the list headers, there are other styling adjustments related to lists:
- T160356 Adjust the style of list items.
- T158961 A general ticket about rearranging selectors (including the language one).