Skip to content

fix(desktop): line up the cloud row's PR button and status #7981

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
saddlepaddle merged 1 commit into from
Sep 30, 2026
Merged

fix(desktop): line up the cloud row's PR button and status #7981

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 14 additions & 18 deletions ...boardSidebarCloudSection/components/DashboardSidebarCloudRow/DashboardSidebarCloudRow.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,7 @@ export const DashboardSidebarCloudRow = forwardRef<
<div
ref={ref}
className={cn(
"group relative mx-2 flex h-8 items-center rounded-md pr-4 pl-2 text-left text-sm transition-colors",
"group relative mx-2 flex h-8 items-center rounded-md pr-2 pl-2 text-left text-sm transition-colors",
highlighted
? "bg-fill-selected"
: "hover:bg-fill-hover has-[:focus-visible]:bg-fill-hover",
Expand Down Expand Up @@ -107,31 +107,27 @@ export const DashboardSidebarCloudRow = forwardRef<
people={[
{ id: owner.userId, name: owner.name, image: owner.image },
]}
size={20}
size={18}
surface="sidebar"
className="ml-1.5"
/>
)}
</span>
<span className="pointer-events-none relative ml-5 flex shrink-0 items-center [&_button]:pointer-events-auto">
<span className="pointer-events-none relative ml-1.5 flex shrink-0 items-center gap-1.5 [&_button]:pointer-events-auto">
{ports && (
<span className="flex w-5 justify-center">
<DashboardSidebarCloudPortsButton
count={ports.count}
card={ports.card}
onOpenChange={ports.onOpenChange}
/>
</span>
<DashboardSidebarCloudPortsButton
count={ports.count}
card={ports.card}
onOpenChange={ports.onOpenChange}
/>
)}
{pullRequest && (
<span className="flex w-5 justify-center">
<DashboardSidebarCloudPullRequestButton
pullRequest={pullRequest}
onClick={onOpenPullRequest}
/>
</span>
<DashboardSidebarCloudPullRequestButton
pullRequest={pullRequest}
onClick={onOpenPullRequest}
/>
)}
<span className="flex h-4 min-w-5 items-center justify-end">
<span className="flex h-4 w-6 items-center justify-end">
<span className="flex items-center group-hover:hidden group-has-[:focus-visible]:hidden">
<CloudWorkspaceStatus
workspace={workspace}
Expand All @@ -146,7 +142,7 @@ export const DashboardSidebarCloudRow = forwardRef<
onArchive();
}}
aria-label={t({ message: "Archive workspace" })}
className="-mr-[6.25px] hidden size-5 items-center justify-center rounded text-muted-foreground group-hover:flex group-has-[:focus-visible]:flex hover:bg-foreground/10 hover:text-foreground"
className="hidden items-center justify-center text-muted-foreground group-hover:flex group-has-[:focus-visible]:flex hover:text-foreground"
>
<LuArchive className="size-3.5" />
</button>
Expand Down
Loading