authorgravatar for 97427849+flamboh@users.noreply.github.comoliver <97427849+flamboh@users.noreply.github.com> 2026-10-01 20:20:40-07:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-10-02 00:20:40-03:00
logced865c224ebb7dd2cbd0f2931d6e33559b9343a
tree710f09a3fda88dbd8edcebd13245ab9f9e8bee76
parentb33eda13998b5b0571daaf266c87f6f31af41f7d
signature Signed by PGP key B5690EEEBB952194

fix(web): PR checks status collapses to its icon instead of wrapping (#14700)

1 files changed, 11 insertions(+), 4 deletions(-)

apps/web/src/components/pullRequest/PullRequestDetailPanel.tsx+11-4
...@@ -1517,6 +1517,8 @@ export function PullRequestDetailPanel({...@@ -1517,6 +1517,8 @@ export function PullRequestDetailPanel({
1517 const statePresentation = detail1517 const statePresentation = detail
1518 ? resolvePullRequestState({ state: detail.state, isDraft: detail.isDraft })1518 ? resolvePullRequestState({ state: detail.state, isDraft: detail.isDraft })
1519 : null;1519 : null;
1520 const showsApproveWorkflows =
1521 workflowApprovalsRequired > 0 && !checksStale && can("approve-workflows");
1520 const checksSummary = checksStale1522 const checksSummary = checksStale
1521 ? checksState === null1523 ? checksState === null
1522 ? "No checks reported"1524 ? "No checks reported"
...@@ -2551,8 +2553,13 @@ export function PullRequestDetailPanel({...@@ -2551,8 +2553,13 @@ export function PullRequestDetailPanel({
2551 ))}2553 ))}
2552 </ToggleGroup>2554 </ToggleGroup>
2553 {tab === "summary" ? (2555 {tab === "summary" ? (
2554 <span className="ml-auto inline-flex shrink-0 items-center">2556 <span
2555 {workflowApprovalsRequired > 0 && !checksStale && can("approve-workflows") ? (2557 className={cn(
2558 "ml-auto flex items-center justify-end",
2559 showsApproveWorkflows ? "shrink-0" : "min-w-0 flex-1",
2560 )}
2561 >
2562 {showsApproveWorkflows ? (
2556 <Tooltip>2563 <Tooltip>
2557 <TooltipTrigger2564 <TooltipTrigger
2558 render={2565 render={
...@@ -2588,7 +2595,7 @@ export function PullRequestDetailPanel({...@@ -2588,7 +2595,7 @@ export function PullRequestDetailPanel({
2588 </Tooltip>2595 </Tooltip>
2589 ) : (2596 ) : (
2590 <span2597 <span
2591 className="inline-flex items-center gap-1.5 text-xs text-muted-foreground"2598 className="flex h-4 min-w-0 flex-wrap content-start items-center justify-end gap-x-1.5 overflow-hidden text-xs text-muted-foreground"
2592 aria-label={checksSummary ? `Checks: ${checksSummary}` : "Checks"}2599 aria-label={checksSummary ? `Checks: ${checksSummary}` : "Checks"}
2593 >2600 >
2594 {checksState !== null ? (2601 {checksState !== null ? (
...@@ -2601,7 +2608,7 @@ export function PullRequestDetailPanel({...@@ -2601,7 +2608,7 @@ export function PullRequestDetailPanel({
2601 ) : (2608 ) : (
2602 <CircleDotIcon aria-hidden className="size-3.5" />2609 <CircleDotIcon aria-hidden className="size-3.5" />
2603 )}2610 )}
2604 {checksSummary}2611 <span className="whitespace-nowrap">{checksSummary}</span>
2605 </span>2612 </span>
2606 )}2613 )}
2607 </span>2614 </span>