Skip to content

Updates dashboard design closer to designs and fixes navigation bug

Tim Zallmann requested to merge tz-update-dashboard-css into master

What does this MR do and why?

This brings us closer to the actual general dashboard designs, see &8574 and https://www.figma.com/file/EYuE5P0pU5HkDTS1sQmEe4/Value-stream-dashboard?node-id=315%3A31382&t=Aw4YXT43bQ3DhLYO-0 . This doesn't tackle yet the top bar which was undecided in previous iterations how to align with rest of GL

Fixes the navigation bug going to dashboards and back, around setting full width.

Screenshots or screen recordings

Before After
SCR-20230214-mt8 Bildschirm_foto_2023-02-15_um_14.30.27

Fix:

Bildschirmaufnahme_2023-02-14_um_16.52.38

How to set up and validate locally

  1. Make sure you are on GitLab Ultimate
  2. You need to set up the Product Analytics DevKit if you haven't already done so. And follow the instructions on Connecting GDK to your devkit.
  3. Access /-/product_analytics/dashboards/ on an product analytics activated project like [GDK_HOST]/gitlab-org/gitlab-shell/-/product_analytics/dashboards/.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

closes #390364 (closed)

Edited by Robert Hunt

Merge request reports