Show bigger text areas in the side by side interface for large text and rich text fields

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: Master
• Component/s: Translations Management
• Labels:
  • fc_20_06
  • fc_20_07
• Epic Link: lima-permissions-mgmt-translations
• Sprint: LIMA | #21 | DEV | Jul07-Jul28, LIMA | #22 | DEV | Jul24-Aug18

As a translator with long paragraphs to translate

I want to be able to see easily the text I am trying to translate

so that I can perform the task faster

 

Text areas fields will have larger areas

Rich text fields (HTML) should have also an editor to style the text  

Design

Figma Mockup

 

Acceptance criteria

 

Given a web content using a structure with fields of type HTML and Text box

When a user is translating it

Then those fields will show in the side by side UI with an appropriate size 

 

Given a web content using a structure with fields of type HTML

When a user is translating it

Then the field for the language to translate from will appear formatted

 

Given a web content using a structure with fields of type HTML

When a user is translating it

Then the field for the language to translate to will show a rich text editor that will allow translators to edit the text

 

Test Scenarios

ID	Test Priority	Test Scenarios	Test to add
2.25	5	The HTML/text box field can be translated	Translations#TranslateCustomizedWC
2.26	4	The HTML/text box field editor box for the target language will have the same size as the original language	Manual
2.27	4	The content of the HTML field for the target language will be formatted following the original language	Translations#TranslateCustomizedWC
2.28	5	The HTML field will be translated in an editable rich text editor	Translations#TranslateCustomizedWC