Display actual dependencies on Issue Board

Problem to solve

As a user of Issue Boards and dependency mapping, I need to see what issues are blocking my work.

Intended users

• Parker (Product Manager)
• Delaney (Development Team Lead)
• Sasha (Software Developer)

Further details

We currently display the blocking Icon on an issue card on boards, but there is no info on WHAT is blocking it. We should provide this on the board view in some capacity so user's don't have to open the issue to discover the blocker.

Proposal

If you hover over a blocking icon, show a tooltip/bubble with blocking issue info

and/or

Show Dependency info in issue sidebar from Issue Board

Permissions and Security

Documentation

Update Related Issue docs

Availability & Testing

What does success look like, and how can we measure that?

Links / references

Solution

Use our popover component to display a list of the blocking issues (truncated when more than 3).

• The title of the popover would inform the total number of blocking issues (ex: Blocked by 3 issues)
• Issue IDs (which contain the project as well) would be links that would take you to the associated issue
• Issue titles will be truncated at 2 lines of content within the popover
• When there are more than 3 blocking issues, we will only show 3 in the list, and then include "+ [x] more issues" at the end of the list, as well as a link to "View all blocking issues", which would navigate to that blocked issue and anchor to the Blocked by section on the page.

Designs available here.