Skip to content

Milestone burndown chart consistency fixes

What does this MR do and why?

Burndown charts on Milestones and Iterations have slightly different styling for reasons that no one currently remembers. This seems to be related to an ancient (5+ year old) refactor of charts in general and remaining styles that were necessary before that refactor and were not removed at the time.

In order to make burndown/up charts consistent across Iterations and Milestones, this MR removes unnecessary legacy styles that affected burndown charts on milestone pages and adjusts styling of toggle buttons used to select legacy vs fixed burndown charts.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before After
Gitlab_Test_Milestones Gitlab_Test_Milestones___17.40___02-06

How to set up and validate locally

  1. Check out this branch
  2. Navigate to a Milestone (for example, http://gdk.test:3000/gitlab-org/gitlab-test/-/milestones/3#tab-issues)
  3. If necessary, add a start and end date to the milestone in order to get burndown/burnup charts displayed
  4. In another tab or window, open an iteration (for example, http://gdk.test:3000/groups/gitlab-org/-/cadences/1479/iterations/9350)
  5. You should see that the Iteration version of the Burndown/up charts and the Milestone version have the same styling (though note that the iteration will have an extra "Completed"/"Incomplete"/"Unstarted" element between the "Display by" line and the charts, and the Milestone version will have an extra toggle between legacy and fixed burndown charts)

Related to #424397 (closed)

Edited by Chad Lavimoniere

Merge request reports