After the responsive adjustments (T319181), the lists of suggestions, in-progress, and translated articles adapt to different screen sizes.
Mobile | Tablet Vertical | Tablet Horizontal | Desktop |
---|---|---|---|
Currently, the language pair selector to filter the list presents some issues about the (a) language pair position and (b) list of languages dialog adjustments
A) Language pair position
For all screen sizes, it is shown in a separate line below the list header. This layout was only intended for narrow sizes. On other sizes, the selector is expected to be integrated in the list header.
Based on the specs from the responsive adjustments (T319181), the mockups below show the expected layout for the selector:
Mobile | Tablet Vertical | Tablet Horizontal | Desktop |
---|---|---|---|
B) List of languages dialog adjustments
For sizes largest than narrow, the list of languages is shown as a dialog. Currently, it is not possible to close the dialog by taping outside. When the list of languages is shown as a dialog it is expected that an overlay with the standard style (Base20 (#54595D), Opacity: 85% ) is provided behind the dialog, and tapping on it closes the dialog.
List of languages responsive behaviour based on T253303:
Wide screen | Narrow screen |
---|---|