Reposition "Translation saved" notification

[bugzilla-to-github]

This issue was created automatically by a script.

Bug 1546091

Bug Reporter: @a-polivanchuk CC: @adngdb, [email protected], @mathjazz See also: https://bugzilla.mozilla.org/show_bug.cgi?id=1416447

Created attachment 9059809 Saved translation pop-up

The current implementation of Saved Translation pop-up blocks access to the Pontoon's toolbar on the top by overlapping it. Nevertheless, this pop-up disappearing shortly, it affects the speed and convenience of the translation process.

I think it should be modified and/or moved to some other place.

One possible solution would be to have some animation in the list of strings on the left panel or checkbox animation during the saving process after pressing the Enter key.

[bugzilla-to-github]

Comment Author: @mathjazz

Thanks for the report.

Similarly, when translation action fails, we might want to show the notice somewhere closer to the editor (perhaps resembling the failed checks popup).

[bugzilla-to-github]

Comment Author: @adngdb

Here's a tool we might want to use to do our notifications in the future: https://fkhadra.github.io/react-toastify/

[bugzilla-to-github]

Comment Author: @mathjazz

*** Bug #1696723 has been marked as a duplicate of this bug. ***

[bugzilla-to-github]

Comment Author: @mathjazz

An alternative would be to show the notification in the sidebar.

We could also animate the status icon (old status -> progress -> new status).