Skip to content

Label list page redesign with draggable labels

  • Applies to project label list page, e.g. https://gitlab.com/gitlab-org/gitlab-ce/labels.
  • Applies to group label list page, e.g. https://gitlab.com/groups/gitlab-org/-/labels
  • Use the new card design as shown in the mockups.
  • For the project label list page, the prioritized labels have a shadow. The non-prioritized labels do not have a shadow. Also the prioritized labels and non-prioritized labels are now in the same section on the page. (It is not split into two separate sections anymore.)
  • For prioritized labels, show the Prioritized label badge.
  • For the group label list page, use the Group label versus Project label badges accordingly.
  • Promote to group label and Delete will be hidden in the More options(ellipsis icon) since these are the buttons that users don't use frequently.
  • Issues and Merge requests links are displayed under the label description.

project-label-list-cards--separation-dropdown

Prioritized labels

  • If the label is starred:
  • The prioritized labels will move up to top of the list.
  • Prioritized label label will appear next to Issues · Merge requests.
  • The prioritized labels have shadows as same as the "card" design on the epic page.
  • When the mouse is over the prioritized labels:
    • The cursor will change to a Hand.
    • The hand icon should be same to the one we used on the epic page and issue board page.

project-label-list-cards--separation-draggable

Remove hand from icon from non-prioritized labels

  • Currently, the hand icon shows up for non-prioritized labels (in both project labels list and group labels list).
  • Remove this as this is incorrect.

Subscribe button

  • If a user selects "Subscribe at group level" in the dropdown menu, the label of the button will be "Unsubscribe"
  • If a user selects "Subscribe at project level" in the dropdown menu, the label of the button will be "Unsubscribe at project level".
Edited by Hazel Yang