Drawer closes after adding individual variables on the CI/CD setting page

Release notes

Problem to solve

When a variable is added, the drawer (that contains the form) closes. This adds a lot of friction to the workflow of adding multiple variables at the same time.

User insight: https://gitlab.dovetail.com/insights/Developer-would-like-an-easier-way-to-add-multiple-variables-2zKPYRIBbDinikocncxOGQ

Intended users

Devon, Sasha

User experience goal

Lower the friction to a series of action when a job demands.

Proposal

Do not close the drawer and highlight the newly added variable in the table.

• Don't close the drawer after creating/editing a variable
• Add an alert in the drawer as feedback when a variable has been created or edited
• The alert will dismiss itself once the user starts inputting new values into the form (which should have already reset its values after the previous submission).
• Remove the toast notification and page alert.

Links / references

This page may contain information related to upcoming products, features and functionality. It is important to note that the information presented is for informational purposes only, so please do not rely on the information for purchasing or planning purposes. Just like with all projects, the items mentioned on the page are subject to change or delay, and the development, release, and timing of any products, features, or functionality remain at the sole discretion of GitLab Inc.

This page may contain information related to upcoming products, features and functionality. It is important to note that the information presented is for informational purposes only, so please do not rely on the information for purchasing or planning purposes. Just like with all projects, the items mentioned on the page are subject to change or delay, and the development, release, and timing of any products, features, or functionality remain at the sole discretion of GitLab Inc.