Current Status
There are a number of design improvements we want to do to the filters. This task affects the enum filters
- Enums: Language Authority, Modality, Languoid Type, Territory Type, ISO Language Status
Instead of showing a Dropdown, show all options if <5 or the first 4 options + a "more" toggle button that will show more or less.
Make this a new selector Display: FilterList. Try to work with the existing Selector layer paradigm rather than making something completely new. You can start with what the ButtonList display looks like but instead of round buttons that wrap horizontally -- we want them with smaller text, vertically arranged.
You'll add the "more" button right after "Standalone option" for Selector is right now.
Design
All filters are visible for Locale entities: https://translation-commons.github.io/lang-nav/data?view=Map&objectType=Locale
Design document: https://www.figma.com/proto/ZGJOgi5MnvtrKeaBJFrtZa/Language-Navigator?node-id=361-3&t=ae2PI8RkLX7axmzm-1&scaling=contain&content-scaling=fixed&page-id=361%3A2&starting-point-node-id=361%3A3
| Current Filters |
Design Doc |
 |
 |
Current Status
There are a number of design improvements we want to do to the filters. This task affects the enum filters
Instead of showing a Dropdown, show all options if <5 or the first 4 options + a "more" toggle button that will show more or less.
Make this a new selector Display:
FilterList. Try to work with the existingSelectorlayer paradigm rather than making something completely new. You can start with what theButtonListdisplay looks like but instead of round buttons that wrap horizontally -- we want them with smaller text, vertically arranged.You'll add the "more" button right after "Standalone option" for
Selectoris right now.Design
All filters are visible for Locale entities: https://translation-commons.github.io/lang-nav/data?view=Map&objectType=Locale
Design document: https://www.figma.com/proto/ZGJOgi5MnvtrKeaBJFrtZa/Language-Navigator?node-id=361-3&t=ae2PI8RkLX7axmzm-1&scaling=contain&content-scaling=fixed&page-id=361%3A2&starting-point-node-id=361%3A3