this is a follow up for #1998528: Better UI for translation of configuration, the configuration Translation UI is not responsive and looks a bit strange on a Mobile Phone.
As the String Translation UI is also not responsive, this is not super bad right now. Will check with the Mobile people how to handle this.

Comments

Woot, thanks!

Here a Screenshot how it looks in Responsive:
Edit_german_translation_for_Kontoeinstellungen___local.drupal.jpg

and here desktop:
Edit_german_translation_for_Kontoeinstellungen___local.drupal.jpg

Question:
- How do we explain the difference between Source and Translation?

Can you post the patch please? I'd love to get people review this :)

Status:Active» Needs review
StatusFileSize
new843 bytes
PASSED: [[SimpleTest]]: [MySQL] 209 pass(es).
[ View ]

here the patch for responsive, one change already: we're hiding the label on the translation in responsive

StatusFileSize
new63.82 KB

This is what it looks like in responsive with the label removed for the translation which IMHO improves the UI significantly.
Tested in FF, Chrome, Safari but not in Opera. Breaks in IE8 but we do not care about that.

StatusFileSize
new1.01 KB
PASSED: [[SimpleTest]]: [MySQL] 244 pass(es).
[ View ]

this is a new patch, which does exactly the same, just it does not use "display:none" it uses the same behavior as "element-invisible", which is better for accessibility.

StatusFileSize
new1.02 KB
PASSED: [[SimpleTest]]: [MySQL] 242 pass(es).
[ View ]

Status:Needs review» Fixed

Amazing, thanks!

Status:Fixed» Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.