binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-5761]fix: intake spacing issue (#8399)

Browse source
This commit is contained in:
Vamsi Krishna 2025-12-19 19:08:02 +05:30 • committed by GitHub
parent 67c39dfc3d
commit 1ad5772694
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 30 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

3
apps/web/core/components/inbox/content/issue-properties.tsx
View file

@ -1,4 +1,3 @@
import React from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { import {
StatePropertyIcon, StatePropertyIcon,
@ -58,7 +57,7 @@ export const InboxIssueContentProperties = observer(function InboxIssueContentPr
return ( return (
<div className="flex w-full flex-col divide-y-2 divide-subtle-1"> <div className="flex w-full flex-col divide-y-2 divide-subtle-1">
<div className="w-full overflow-y-auto"> <div className="w-full overflow-y-auto">
<h5 className="text-13 font-medium my-4">Properties</h5> <h5 className="text-body-sm-medium mb-2">Properties</h5>
<div className={`divide-y-2 divide-subtle-1 ${!isEditable ? "opacity-60" : ""}`}> <div className={`divide-y-2 divide-subtle-1 ${!isEditable ? "opacity-60" : ""}`}>
<div className="flex flex-col gap-3"> <div className="flex flex-col gap-3">
{/* Intake State */} {/* Intake State */}

8
apps/web/core/components/inbox/content/issue-root.tsx
View file

@ -166,7 +166,7 @@ export const InboxIssueMainContent = observer(function InboxIssueMainContent(pro
return ( return (
<> <>
<div className="rounded-lg space-y-4"> <div className="space-y-4 pb-4">
{duplicateIssues.length > 0 && ( {duplicateIssues.length > 0 && (
<DeDupeIssuePopoverRoot <DeDupeIssuePopoverRoot
workspaceSlug={workspaceSlug} workspaceSlug={workspaceSlug}
@ -249,13 +249,16 @@ export const InboxIssueMainContent = observer(function InboxIssueMainContent(pro
</div> </div>
</div> </div>
<div className="py-4">
<IssueAttachmentRoot <IssueAttachmentRoot
workspaceSlug={workspaceSlug} workspaceSlug={workspaceSlug}
projectId={projectId} projectId={projectId}
issueId={issue.id} issueId={issue.id}
disabled={!isEditable} disabled={!isEditable}
/> />
</div>
<div className="py-4">
<InboxIssueContentProperties <InboxIssueContentProperties
workspaceSlug={workspaceSlug} workspaceSlug={workspaceSlug}
projectId={projectId} projectId={projectId}
@ -265,8 +268,11 @@ export const InboxIssueMainContent = observer(function InboxIssueMainContent(pro
duplicateIssueDetails={inboxIssue?.duplicate_issue_detail} duplicateIssueDetails={inboxIssue?.duplicate_issue_detail}
isIntakeAccepted={isIntakeAccepted} isIntakeAccepted={isIntakeAccepted}
/> />
</div>
<div className="pt-4">
<IssueActivity workspaceSlug={workspaceSlug} projectId={projectId} issueId={issue.id} isIntakeIssue /> <IssueActivity workspaceSlug={workspaceSlug} projectId={projectId} issueId={issue.id} isIntakeIssue />
</div>
</> </>
); );
}); });

3
apps/web/core/components/inbox/content/root.tsx
View file

@ -1,4 +1,3 @@
import type { FC } from "react";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import useSWR from "swr"; import useSWR from "swr";
@ -94,7 +93,7 @@ export const InboxContentRoot = observer(function InboxContentRoot(props: TInbox
embedRemoveCurrentNotification={embedRemoveCurrentNotification} embedRemoveCurrentNotification={embedRemoveCurrentNotification}
/> />
</div> </div>
<ContentWrapper className="space-y-5 divide-y-2 divide-subtle-1"> <ContentWrapper className="divide-y-2 divide-subtle-1">
<InboxIssueMainContent <InboxIssueMainContent
workspaceSlug={workspaceSlug} workspaceSlug={workspaceSlug}
projectId={projectId} projectId={projectId}

5
apps/web/core/components/issues/attachment/root.tsx
View file

@ -1,4 +1,3 @@
import type { FC } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
// hooks // hooks
import { useAttachmentOperations } from "../issue-detail-widgets/attachments/helper"; import { useAttachmentOperations } from "../issue-detail-widgets/attachments/helper";
@ -20,8 +19,8 @@ export const IssueAttachmentRoot = observer(function IssueAttachmentRoot(props:
const attachmentHelpers = useAttachmentOperations(workspaceSlug, projectId, issueId); const attachmentHelpers = useAttachmentOperations(workspaceSlug, projectId, issueId);
return ( return (
<div className="relative py-3 space-y-3"> <div className="relative space-y-3">
<h3 className="text-16">Attachments</h3> <h3 className="text-body-sm-medium">Attachments</h3>
<div className="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4"> <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4">
<IssueAttachmentUpload <IssueAttachmentUpload
workspaceSlug={workspaceSlug} workspaceSlug={workspaceSlug}

10
apps/web/core/components/issues/issue-detail/label/label-list-item.tsx
View file

@ -31,14 +31,10 @@ export const LabelListItem = observer(function LabelListItem(props: TLabelListIt
if (!label) return <></>; if (!label) return <></>;
return ( return (
<Button key={labelId} type="button" variant="tertiary" onClick={() => void handleLabel()} disabled={disabled}> <Button variant="tertiary" size="sm" key={labelId} onClick={handleLabel} disabled={disabled}>
<LabelFilledIcon className="size-3" color={label.color ?? "#000000"} /> <LabelFilledIcon className="size-3" color={label.color ?? "#000000"} />
<div className="flex-shrink-0">{label.name}</div> <span className="text-body-xs-regular">{label.name}</span>
{!disabled && ( {!disabled && <CloseIcon className="transition-all h-2.5 w-2.5 group-hover:text-danger" />}
<div className="flex-shrink-0">
<CloseIcon className="transition-all h-2.5 w-2.5 group-hover:text-danger" />
</div>
)}
</Button> </Button>
); );
}); });