Update the visualization designer title input
Problem to solve
This issue has been split out from Small improvements to UI layout of visualizatio... (#426194 - closed) because we can work on this column indpendantly of the rest of the UI tweaks.
Suggested solution
- 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
See the original issue's design.
Implementation plan
frontend
Update analytics_visualization_designer.vue
as follows:
- Change the title input to
GlFormGroup
- The label should copy should be
Visualization title
. - The placeholder text should be
Enter a visualization title
.
- The label should copy should be
- When validating on save, don't display a page alert and instead display the validation message on the form group.
- Update specs