Bugzilla

A potential UX:

When any filter or search is applied in the string list, "Reveal surrounding strings" icon appears next to each string. After clicking on it, 2 preceding and 2 succeeding strings are loaded before or after the string (unless they are already loaded).

See the attachment for the proposed UI. Note that the styling details still need to be decided upon and finalized.

The benefit of this approach vs. using a dedicated tab/panel is that we don't need to sacrifice additional space in the translate UI permanently. Also, all the available metadata of the string is easily available. The drawback is that one needs to manually request surround strings every time they are needed.

A potential improvement would be to always show an indicator of hidden surrounding strings between the two strings, similar to the [GitHub diff view](https://user-images.githubusercontent.com/6978877/34470024-eee4f43e-ef20-11e7-9036-65094bd58960.PNG).

A potential UX:

When any filter or search is applied in the string list, "Reveal surrounding strings" icon appears next to each string (left image). After clicking on it, 2 preceding and 2 succeeding strings are loaded before or after the string unless they are already loaded (right image).

See the attachment for the proposed UI. Note that the styling details still need to be decided upon and finalized.

The benefit of this approach vs. using a dedicated tab/panel is that we don't need to sacrifice additional space in the translate UI permanently. Also, all the available metadata of the string is easily available. The drawback is that one needs to manually request surround strings every time they are needed.

A potential improvement would be to always show an indicator of hidden surrounding strings between the two strings, similar to the [GitHub diff view](https://user-images.githubusercontent.com/6978877/34470024-eee4f43e-ef20-11e7-9036-65094bd58960.PNG).