Board header button rearrangement
Following up from a conversation with @nickleonard at Summit in Las Vegas.
This issue covers some changes to make the header on a board less crowded, so that the search/filter bar has more room and less commonly used items do not take up scarce horizontal real estate.
A few prospective changes:
- move "Add list" to an element that's inline with the existing lists, out of the header
- Move options into a menu
- group by
- show labels
Prior art/resources
- #374580 (comment 1109948388)
- #341787
- https://www.figma.com/file/8Pk11f6OWpaed8rotF40xn/Issue-Boards?type=design&node-id=322-27757&mode=design
Proposal
-
Create a new disclosure/menu for "View options" -
Relocate the Labels toggle to be in this menu -
Relocate the "Group by" option (on Issue boards) to be in this menu, and change the terminology to "Epic swimlanes" which is more descriptive of the feature -
Include a tooltip of "View options" for the trigger button
-
-
Change the "Edit board" button to an Icon button -
Include a tooltip of "Configure board" for the trigger button -
Update the title of the modal to "Configure board"
-
-
Relocate the "New list" button to be at the end of the column list in the board rather than the header -
Use the default
button style rather than theconfirm
style
-
-
Relocate the "Delete board" option to be within the "Configure board" modal (currently this is in the board selection drown).- Moved to #459029 (closed)
-
Introduce ability to add a new list in-between current lists- Moved to #459029 (closed)
Figma designs
Prototypes
- New List – Button Relocation
- New List – Between Lists (this can be broken out as future enhancement)
- Menus & Tooltips
Edited by Chad Lavimoniere