Skip to content

Group controls into a single ellipsis (⋮) dropdown

What does this MR do and why?

Group controls into a single ellipsis (⋮) dropdown.

  • Using a small, default, tertiary icon button for List actions
    • On hover display the List actions tooltip
    • Button appears on all list except the Closed list as this can not be edited
  • The options in the menu would be:
    • Add new issue (except in the closed list as new issues may not be added) - triggers the new issue card with no change to the current experience
    • Edit list settings (except in the open and closed list as these can not be edited) - triggers the list settings drawer with no change to the current experience

Screenshots or screen recordings

Before After

How to set up and validate locally

Numbered steps to set up and validate locally.

  1. gdk start
  2. login root user
  3. url to check: http://gdk.test:3000/flightjs/Flight/-/boards

Numbered steps to set up and validate on staging.

Check the issue board without projects

  1. Create a group.
  2. Create a couple of labels at the group level you will be used to construct your issue boards lists;
  3. Go to Issue boards -> Add list -> Select labels and the lists will appear.
  4. Click the Issues > Boards button.
  5. Check Dropdown

Check the issue board with projects

  1. Select any project
  2. Click the Issues > Boards button.
  3. Check the project issue board
  4. Check Dropdown

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #390585 (closed)

Edited by Ali Ndlovu

Merge request reports