UI Settings-CD/CD-Variables should be improved
Problem to solve
With the new CI/CD Variable "type" (Variable/File) the browser doesn't show the full name of the variables any more if they are longer than 12 characters. Before, the width of the box was about 32 characters which was sufficient for most variables. When you have a lot of variables with longer names (longer than 12 characters especially if the first 12 characters are the same), it costs much more time to find the correct variable if it needs to be adjusted. Also the value showing the value as '*****************' writes outside of the input box.
Intended users
Gitlab group owners or maintainers.
Further details
UI doesn't look good/professional. Furthermore, you can easily change the wrong CI/CD variable. Zooming out in the browser window doesn't make more room for the variables. The div or frame which contains the variables gets smaller too. You would expect only the text to become smaller.
Before "type" was introduced (v11.10.4):
After "type" was introduced (v12.1.0):
Proposal
Redesign the CI/CD settings UI, so you can also easily see the longer variable names.
Permissions and Security
Not applicable
Documentation
https://docs.gitlab.com/ee/ci/variables/#overview.
Testing
Variable names with longer names than 12 characters should also be easily found. eg. Variables: DOCKER_RUNNER_MANAGER DOCKER_RUNNER_WORKER
should both be visible without having to scroll through the text.
What does success look like, and how can we measure that?
Happy users.