NOTE: This ticket outlines the visual design updates to the Other languages screen as a subtask to adding a user's preferred language list detailed in T191515
=== Problem
When a user invokes to see "Other languages" from an article's toolbar, a picker with available languages appears within a full screen dialogue, with the option to search within available languages appearing as a inline text field under the toolbar.
Both the toolbar and the inline search is fixed, which is unexpected [[ https://material.io/guidelines/patterns/scrolling-techniques.html#scrolling-techniques-behavior | scrolling behavior ]].
==== Proposed design
- Incorporate the search into the toolbar so that scrolling behavior is as expected (only the toolbar remains fixed on scroll) and to reduce the visual clutter.
- Update the no results message to use the standard no search results graphic and text styling
| Screen | Current 'Actual' | Proposed design
| Initial screen | {F17011670} | {F16702223}
| Screen scrolled | {F17012313} | {F17012359}
| Search invoked | {F17012316} | {F17012387}
| Search invoked with search results | {F17011676} | {F17012399}
| No search results | {F17011679} | {F17012411}
==== Notes on design
- Add subtitles to differentiate between list of the user's Wikipedia app languages available vs list of all available languages
- The list of “Other languages” an article is available in should show each line item with 3 lines of data, with the following logic:
| | Articles results list in 'Other languages' display logic | Example (if EN is the device language, for the 'Egg tart' article)
|--|--|--
| Line 1 | Native language name | Français
| Line 2 | Name in device language | French
| Line 3 | Article name in particular language | Tarte aux œufs
//**Redline version of mock in Zeplin board tagged with Multilingual and Other languages //**