Page MenuHomePhabricator

New translation: Responsive adaptations for larger screens
Open, MediumPublic

Description

In Section Translation the process to start a new translation (T241590) involves the steps of search and confirmation. These are currently supported on mobile but on wider screens their elements become too far apart.
This ticket proposes to make responsive adjustments to better adapt the UI to wider screens. On wider screens this step will be presented in a modal dialog over the dashboard. The max-width for the dialog will be 544px.

New translation - Layout.png (768×1 px, 80 KB)
New translation - Layout mocks.png (768×1 px, 349 KB)

In addition, for desktop (when it leads to Content Translation), the option for translating the whole article (overwriting the existing one) will still be provided:

New translation - Confirm desktop.png (768×1 px, 347 KB)