Users transitioning between the "Pick a sentence" (T251551) and the "Edit a sentence" (T251928) steps of the Section Translation mobile editor will benefit from transitions that keep continuity of information elements.

The transitions are aimed to provide continuity to the elements to help users reorient. When editing the proposed translation, the card where it was displayed moves up and becomes the editor surface which contains the same content. In this way the transition helps the user to know that they are editing the piece of content that was displayed before. Similarly, the background fades into grey to communicate that the original text remains behind the panel.

These transitions are illustrated below:

Enter & Back

Enter, Edit & Update

More details in the parent task: T251928: Section Translation Editor: Edit a sentence