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
- On hover display the
- 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
andclosed
list as these can not be edited) - triggers the list settings drawer with no change to the current experience
- Add new issue (except in the
Screenshots or screen recordings
Before | After |
---|---|
|
How to set up and validate locally
Numbered steps to set up and validate locally.
gdk start
- login root user
- 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
- Create a group.
- Create a couple of labels at the group level you will be used to construct your issue boards lists;
- Go to Issue boards -> Add list -> Select labels and the lists will appear.
- Click the
Issues
>Boards
button. - Check Dropdown
Check the issue board with projects
- Select any project
- Click the
Issues
>Boards
button. - Check the project issue board
- 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.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #390585 (closed)
Edited by Ali Ndlovu