Frontend: Improve design of CI/CD Variables Modal

Problem

The Modal that pops up when you are updating CI/CD variables in GitLab is incredibly short. So if you have a list of variables that is greater that 10 lines, the textarea is for the Value field is very very short.

Often times I need to check multiple variables and scrolling can be quite annoying and I will lose my place in the value list.

Proposal

Make the text area scale with input for a up to 10 rows. Beyond the 10 rows the input will scroll.

Screen_Recording_2022-08-08_at_2.06.53_PM

Additional details

Some relevant technical details, if applicable, such as:

• Does this need a feature flag?
• Is there an example response showing the data structure that should be returned (new endpoints only)?
• What permissions should be used?
• Is this EE or CE?
  • EE
  • CE
• Additional comments: