Enhance comment section in Deployment Approval UI for Multiple Approval Rules

Problem

In Support Approval Rules in Deployment Approval UI (#355708 - closed) we realized there was a need to show multiple approvers in the deployment approval UI. Currently comments don't give users any context on which approval group the user is coming from. Additionally the modal can only accommodate so many comments without getting long, therefore there needs to be a way to hide additional comments.

Design

  • Add in a badge beside each comment to show which group/role the approver is coming from.
  • Truncate any additional comments into a collapse after 1 to save the modal from being too long.
New Modal
Screen_Shot_2022-09-01_at_10.26.16_AM

Figma File