Issue with the positioning of cancel button

[ayushjainrksh]

Cancel button of translate document page floats on the bottom of the text area whereas it should have been on the top navbar position.

[sushain97]

This is intentional. In UI design, it's ideal to not have elements moving around that the user is familiar with already. In webpage translation, we don't really have a choice and force movement of the source languages bar. In document translation, this is avoidable so we avoid it.

[ayushjainrksh]

This is intentional. In UI design, it's ideal to not have elements moving around that the user is familiar with already. In webpage translation, we don't really have a choice and force movement of the source languages bar. In document translation, this is avoidable so we avoid it.

But it is weird to see cancel button placed at that position in translate document. We can place it at the same place as translate website or maybe make some changes to the UI itself by introducing a secondary navbar with the options that dont fit in. Or what do you suggest?

[sushain97]

The translate website positioning is the one I don't like per my explanation. An extra navbar is too much. I think it's fine as is.

…

On Fri, Feb 22, 2019, 5:11 AM Ayush Jain ***@***.***> wrote: This is intentional. In UI design, it's ideal to not have elements moving around that the user is familiar with already. In webpage translation, we don't really have a choice and force movement of the source languages bar. In document translation, this is avoidable so we avoid it. But it is weird to see cancel button placed at that position in translate document. We can place it at the same place as translate website or maybe make some changes to the UI itself by introducing a secondary navbar with the options that dont fit in. Or what do you suggest? — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#338 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AEBEfoe1KfJ_DSohoQKdxKiw8DHI63Jiks5vP-yNgaJpZM4bH2ML> .