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
versusProject label
badges accordingly. -
Promote to group label
andDelete
will be hidden in theMore options
(ellipsis icon) since these are the buttons that users don't use frequently. -
Issues
andMerge requests
links are displayed under the label description.
Prioritized labels
- If the label is starred:
- The prioritized labels will move up to top of the list.
-
Prioritized label
label will appear next toIssues · 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.
- The cursor will change to a
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