Skip to content

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
milestone-projectmilestone-project milestone-project-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
milestone-group milestone-group-closed

Dashboard milestone

milestone-dashboard

Promote to group milestone

  • It has a tooltip with text Promote to group milestone under the icon when it's hovering.

milestone-tooltip

Modal
  • After clicking Promote to group milestone icon, 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
milestone-project-modal-promote milestone-project-promoted
Edited by Victor Wu