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({
15171517 const statePresentation = detail
15181518 ? resolvePullRequestState({ state: detail.state, isDraft: detail.isDraft })
15191519 : null;
1520 const showsApproveWorkflows =
1521 workflowApprovalsRequired > 0 && !checksStale && can("approve-workflows");
15201522 const checksSummary = checksStale
15211523 ? checksState === null
15221524 ? "No checks reported"
......@@ -2551,8 +2553,13 @@ export function PullRequestDetailPanel({
25512553 ))}
25522554 </ToggleGroup>
25532555 {tab === "summary" ? (
2554 <span className="ml-auto inline-flex shrink-0 items-center">
2555 {workflowApprovalsRequired > 0 && !checksStale && can("approve-workflows") ? (
2556 <span
2557 className={cn(
2558 "ml-auto flex items-center justify-end",
2559 showsApproveWorkflows ? "shrink-0" : "min-w-0 flex-1",
2560 )}
2561 >
2562 {showsApproveWorkflows ? (
25562563 <Tooltip>
25572564 <TooltipTrigger
25582565 render={
......@@ -2588,7 +2595,7 @@ export function PullRequestDetailPanel({
25882595 </Tooltip>
25892596 ) : (
25902597 <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"
25922599 aria-label={checksSummary ? `Checks: ${checksSummary}` : "Checks"}
25932600 >
25942601 {checksState !== null ? (
......@@ -2601,7 +2608,7 @@ export function PullRequestDetailPanel({
26012608 ) : (
26022609 <CircleDotIcon aria-hidden className="size-3.5" />
26032610 )}
2604 {checksSummary}
2611 <span className="whitespace-nowrap">{checksSummary}</span>
26052612 </span>
26062613 )}
26072614 </span>