Skip to content

  • Projects
  • Groups
  • Snippets
  • Help
  • This project
    • Loading...
  • Sign in / Register
GitLab Community Edition
GitLab Community Edition
  • Overview
    • Overview
    • Details
    • Activity
    • Cycle Analytics
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Charts
    • Locked Files
  • Issues 10,427
    • Issues 10,427
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
  • Merge Requests 553
    • Merge Requests 553
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
    • Charts
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Charts
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • GitLab.org
  • GitLab Community EditionGitLab Community Edition
  • Issues
  • #39549

Closed
Open
Opened Oct 27, 2017 by Victor Wu@victorwu 
  • Report abuse
  • New issue
Report abuse New issue

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 Apr 21, 2018 by Hazel Yang

Related issues

Assignee
Assign to
Epic
11.0
Milestone
11.0
Assign milestone
Time tracking
None
Due date
No due date
6
Labels
Discussion UX ready direction feature proposal frontend labels
Assign labels
  • View project labels
Reference: gitlab-org/gitlab-ce#39549