Update Blocked & Blocking relationship indicator popover

Summary

This issue is to update the design and usage of the popover we use for Blocked/Blocking relationships. Currently we only display this popover on Boards, but moving forward we want to display this in any instance of using the Blocked/Blocking indicator on item lists or cards.

Current popover

single truncated
Screenshot_2024-08-08_at_11.08.04_AM Screenshot_2024-08-08_at_11.14.24_AM

Proposal

  • If possible, create this a reusable component that we can use in any instance we display a Blocked/Blocking indicator in lists or cards
  • Update this popover to work for both Blocked and Blocking (currently it is just used for Blocked)
  • Update the look of the popover based on the linked designs below
  • Use a max-width for the popover of 24rem (384px)
  • Exclude Closed items from the Popover (and count), as those are not important to indicate.
  • If there are more than 3 Blocked/Blocking items, only show the first 3 with a link to view the rest (see designs)
    • The link should direct to the detail page, anchored to the Linked items widget
  • The metadata to be included for items in the popover:
    • Type (icon)
    • IID – same treatment as in Board cards (if in current namespace just IID, if outside of namespace the immediate namespace name + IID)
    • Weight
    • Milestone
    • Iteration
    • Assignees

Resources

Edited by Nick Brandt