Merge pull request #4584 from Infisical/fix/secretApprovalReviewersUI

Fix reviewers email overflowing the component on secret approval page
This commit is contained in:
carlosmonastyrski
2025-09-25 21:16:26 -03:00
committed by GitHub

View File

@@ -245,14 +245,14 @@ export const SecretApprovalRequestChanges = ({ approvalRequestId, onGoBack }: Pr
: secretApprovalRequestDetails.status} : secretApprovalRequestDetails.status}
</span> </span>
</div> </div>
<div className="-mt-0.5 flex-grow flex-col"> <div className="-mt-0.5 w-[calc(100%-20rem)] flex-grow flex-col">
<div className="text-xl"> <div className="text-xl">
{generateCommitText( {generateCommitText(
secretApprovalRequestDetails.commits, secretApprovalRequestDetails.commits,
secretApprovalRequestDetails.isReplicated secretApprovalRequestDetails.isReplicated
)} )}
</div> </div>
<p className="-mt-1 text-xs text-gray-400"> <p className="-mt-1 truncate text-xs text-gray-400">
By{" "} By{" "}
{secretApprovalRequestDetails?.committerUser ? ( {secretApprovalRequestDetails?.committerUser ? (
<> <>
@@ -559,7 +559,7 @@ export const SecretApprovalRequestChanges = ({ approvalRequestId, onGoBack }: Pr
sideOffset={10} sideOffset={10}
> >
<div className="flex items-center"> <div className="flex items-center">
<div>{requiredApprover?.email}</div> <div className="max-w-[200px] truncate">{requiredApprover?.email}</div>
<span className="text-red">*</span> <span className="text-red">*</span>
{!isOrgMembershipActive && ( {!isOrgMembershipActive && (
<FontAwesomeIcon <FontAwesomeIcon
@@ -630,7 +630,7 @@ export const SecretApprovalRequestChanges = ({ approvalRequestId, onGoBack }: Pr
} }
> >
<div className="flex items-center"> <div className="flex items-center">
<span>{reviewer?.email} </span> <span className="max-w-[200px] truncate">{reviewer?.email}</span>
{!isOrgMembershipActive && ( {!isOrgMembershipActive && (
<FontAwesomeIcon <FontAwesomeIcon
icon={faUserSlash} icon={faUserSlash}