Milestone pages cleanup
- Clean up design of project milestones list page.
- Clean up design of group milestones list page.
- Clean up design of dashboard milestones list page.
- Promote project milestone to group milestone.
Design
- Currently, "Project milestone" and "Group milestone" are plain text after milestone name. In the new design, they are changed to labels in a new column bewtween progress bar and button.
Project milestone list page
- e.g. https://gitlab.com/gitlab-org/gitlab-ce/milestones
- All the milestones here are project milestones, so display that accordingly.
- If no dates entered, display nothing.
- If start date entered only, display
Start date: Aug 17, 2017 - If end date entered only, display
End date: Aug 18, 2017 - If both start date and end date entered, display
Aug 17, 2017 - Aug 18, 2017 - If the end date is entered and today is after the end date and the milestone is open, it is a past due milestone.
| Open | Closed |
|---|---|
![]()
|
![]() |
Group milestone list page
- e.g. https://gitlab.com/groups/gitlab-org/milestones
- Some of the milestones are group milestones. Others are project milestones. So display that accordingly.
- For project milestones in this page, there are links to the actual project milestone for that project.
- For group milestones, date information is currently not being shown. Leave that as is.
- For project milestones in this page, you cannot show date information, because these "project milestones" on this page are actually just pointers to other real project milestones.
| Open | Close |
|---|---|
![]() |
![]() |
Dashboard milestone
- e.g. https://gitlab.com/dashboard/milestones
- This is currently only showing project milestones and not showing any date information. This does not change.
- Implement the new visual design.
Promote to group milestone
- It has a tooltip with text
Promote to group milestoneunder the icon when it's hovering.
Modal
- After clicking
Promote to group milestoneicon, it has a modal to confirm with users. - Copy:
- For the promote icon tooltip,
Promote to group milestone - For the modal title,
Promote 9.1 to Group Milestone?(Milestone name should be bold) - For the modal body,
9.1 will be available to *all projects* inside GitLab.org. Other project milestones named 9.1 in GitLab.org will be merged. This cannot be undone. - For the banner,
9.1 promoted to a [group milestone](Milestone name should be bold)
| Modal | Banner |
|---|---|
![]() |
![]() |
Edited by Victor Wu








