Update the dashboard style to match the latest design
Problem to solve
The current analytics customizable dashboard UX is very rough and should be improved before or when this is released to customers.
Also related to Schema-driven customizable dashboards for Produ... (&8574).
Designs
Editing:
Viewing:
Proposed solution
- Update the shared customizable dashboard to match the design above.
- Update the fonts and sizes.
- Update the dashboard background color to gray when editing.
- Add solid borders to panel.
Notes
This dashboard will also be used by groupoptimize. The dashboard filters should remain optional as they will use panel-level filters.
Implementation plan
- Update
customizable_dashboard.vue
as suggested in the proposal. - Update
filters/date_range_filter.vue
if required. - Ensure the new theme works in dark mode.
Edited by Elwyn Benson