Skip to content

Updating blocked and blocking icons based on new direction

Nick Brandt requested to merge nb-block-icon-updates into master

What does this MR do and why?

This MR updates current instances of our Blocked & Blocking indicators to use icons based on the new direction defined in #428323 (closed). It doesn't resolve all of the details of that issue, and instead is solely focused on updating the current icon usage in order to not create conflicts as we introduce the other changes. This also does not effect work items (only legacy objects), as work items have yet to introduce the Blocked/Blocking indicators.

Note: with some of these changes, there is probably room for simplifying code since we are no longer differentiating which icon is used for which work item types (ex: Issues vs Epics). This MR doesn't work to address any of that at this time.

Screenshots or screen recordings

Location Before After Notes
Issue List Screenshot_2024-07-31_at_9.17.51_AM Screenshot_2024-07-31_at_9.17.16_AM Update to entity-blocking icon. Also introduces color change
Epic List Screenshot_2024-07-31_at_9.27.09_AM Screenshot_2024-07-31_at_9.26.35_AM Update to entity-blocking icon. Also introduces color change
Child Items Screenshot_2024-07-31_at_9.29.14_AM Screenshot_2024-07-31_at_9.28.26_AM Update to entity-blocked icon. We only show blocked indicator on Issues today
Issue Boards Screenshot_2024-07-31_at_9.36.38_AM Screenshot_2024-07-31_at_9.35.37_AM Update to entity-blocked icon.
Epic Boards Screenshot_2024-07-31_at_9.46.50_AM Screenshot_2024-07-31_at_9.46.50_AM No change
Roadmap Screenshot_2024-07-31_at_9.34.48_AM Screenshot_2024-07-31_at_9.34.48_AM No change

How to set up and validate locally

  1. From an Issue detail page, within the Linked items widget add a Blocked by relationship item.
    1. While you are still on this detail page, assign a parent Epic to this item.
  2. Go to the Issue boards page, find the issue and verify the icon change.
  3. Go to the Issue list page, find the issue that you indicated is Blocking the issue and verify the icon (and color) change as shown above.
  4. Navigate to the parent epic detail page that you assigned the issue to initially.
    1. Within the Child items widget, verify the icon change.
  5. From an Epic detail page, within the Linked items widget add a Blocked by relationship item.
  6. Go to the Epic boards page, find the epic and verify the icon remains the same as it did previously.
  7. Go to the Roadmaps page, find the epic and verify the icon remains the same as it did previously.
  8. Go to the Epic list page, find the epic you indicated is Blocking the epic and verify the icon (and color) change.
Edited by Nick Brandt

Merge request reports