Allow config parameter dialog to be resized in width

[mtrezza]

New Feature / Enhancement Checklist

• [x] I am not disclosing a vulnerability.
• [x] I am not just asking a question.
• [x] I have searched through existing issues.

Current Limitation

Currently, the modal dialog of a Config parameter can only be resized in height but is fixed in width. That makes it difficult when editing large values, such as an array with many elements.

Feature / Enhancement Description

Allow the dialog window to be resized in width too.

Example Use Case

n/a

Alternatives / Workarounds

Edit value in external editor and copy/paste.

3rd Party References

n/a

[parse-github-assistant[bot]]

Thanks for opening this issue!

• 🎉 We are excited about your ideas for improvement!

[damianstasik]

Should the dialog be resized as a result of resizing the textarea or should there be a separate resize handle for the dialog?

[mtrezza]

Good thinking, maybe a resize handle in the bottom right corner makes more sense from a UI perspective. Then we could remove the handle in the text field.

[damianstasik]

I'd like to take this one, I've something that works, needs a cleanup and a bit of styling, but will be ready tomorrow for some review:

https://user-images.githubusercontent.com/920747/138766810-d0b1405d-c631-4232-825c-3014e4f01f71.mov

[mtrezza]

Fantastic! Can't wait to try it out. Should the left column of field labels stay fixed or also resize?

[mtrezza]

@AshishBarvaliya, @patelmilanun, maybe this would be something for you? It seems like a simple issue but difficult to fix.

[mtrezza]

@Bhavyajain21 this may be interesting for you