Update the visualization designer title input
What does this MR do and why?
Updates the visualization designer title input:
- Add an input label
- Reduce the size of the input. Should match the dashboard editor input.
- Move the title validation message from an alert to the input.
Design:
Note that title input size does not exactly match the dashboard designer as it shares a flex container with the Save button. Once that is moved out, it will line up.
Note2: this is a small part of several changes to update the visualization designer to match the designs. Other changes will be mad ein separate MRs.
Screenshots or screen recordings
| Before | After |
|---|---|
 |
 |
 |
 |
How to set up and validate locally
- Requires GitLab Ultimate.
- Follow these instructions to set up Product Analytics in your GDK.
- Visit the visualization designer, e.g.
http://gdk.test:3000/gitlab-org/gitlab-shell/-/analytics/dashboards/visualization-designer - Verify title input is updated as expected
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #426564 (closed)