vhad/plane
1
0
Fork 0
mirror of https://github.com/gosticks/plane.git synced 2025-10-16 12:45:33 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[WEB-4826]chore: reduced spacing for sub-work items list and relations list #7814

Browse Source
This commit is contained in:
Vamsi Krishna 2025-09-18 20:15:42 +05:30 committed by GitHub
parent 9182c9593b
commit af6ea40b84
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 19 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/core/components/issues/issue-detail-widgets/relations/content.tsx
View File

@ -135,7 +135,7 @@ export const RelationsCollapsibleContent: FC<Props> = observer((props) => {
<Collapsible <Collapsible
buttonClassName="w-full" buttonClassName="w-full"
title={ title={
<div className={`flex items-center gap-1 px-3 py-1 h-9 w-full pl-9 ${relation.className}`}> <div className={`flex items-center gap-1 px-2.5 py-1 h-9 w-full ${relation.className}`}>
<span>{relation.icon ? relation.icon(14) : null}</span> <span>{relation.icon ? relation.icon(14) : null}</span>
<span className="text-sm font-medium leading-5">{relation.label}</span> <span className="text-sm font-medium leading-5">{relation.label}</span>
</div> </div>

35
apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-group.tsx
View File

@ -73,25 +73,22 @@ export const SubIssuesListGroup: FC<TSubIssuesListGroupProps> = observer((props)
} }
buttonClassName={cn("hidden", !isAllIssues && "block")} buttonClassName={cn("hidden", !isAllIssues && "block")}
> >
{/* Work items list */} {workItemIds?.map((workItemId) => (
<div className="pl-2"> <SubIssuesListItem
{workItemIds?.map((workItemId) => ( key={workItemId}
<SubIssuesListItem workspaceSlug={workspaceSlug}
key={workItemId} projectId={projectId}
workspaceSlug={workspaceSlug} parentIssueId={parentIssueId}
projectId={projectId} rootIssueId={rootIssueId}
parentIssueId={parentIssueId} issueId={workItemId}
rootIssueId={rootIssueId} disabled={disabled}
issueId={workItemId} handleIssueCrudState={handleIssueCrudState}
disabled={disabled} subIssueOperations={subIssueOperations}
handleIssueCrudState={handleIssueCrudState} issueServiceType={serviceType}
subIssueOperations={subIssueOperations} spacingLeft={spacingLeft}
issueServiceType={serviceType} storeType={storeType}
spacingLeft={spacingLeft} />
storeType={storeType} ))}
/>
))}
</div>
</Collapsible> </Collapsible>
</> </>
); );

2
apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-item.tsx
View File

@ -107,7 +107,7 @@ export const SubIssuesListItem: React.FC<Props> = observer((props) => {
> >
{issue && ( {issue && (
<div <div
className="group relative flex min-h-11 h-full w-full items-center gap-3 pr-2 py-1 transition-all hover:bg-custom-background-90" className="group relative flex min-h-11 h-full w-full items-center pr-2 py-1 transition-all hover:bg-custom-background-90"
style={{ paddingLeft: `${spacingLeft}px` }} style={{ paddingLeft: `${spacingLeft}px` }}
> >
<div className="flex size-5 items-center justify-center flex-shrink-0"> <div className="flex size-5 items-center justify-center flex-shrink-0">

2
apps/web/core/components/issues/relations/issue-list-item.tsx
View File

@ -123,7 +123,7 @@ export const RelationIssueListItem: FC<Props> = observer((props) => {
className="w-full cursor-pointer" className="w-full cursor-pointer"
> >
{issue && ( {issue && (
<div className="group relative flex min-h-11 h-full w-full items-center gap-3 px-1.5 py-1 transition-all hover:bg-custom-background-90"> <div className="group relative flex min-h-11 h-full w-full items-center px-1.5 py-1 transition-all hover:bg-custom-background-90">
<span className="size-5 flex-shrink-0" /> <span className="size-5 flex-shrink-0" />
<div className="flex w-full truncate cursor-pointer items-center gap-3"> <div className="flex w-full truncate cursor-pointer items-center gap-3">
<div className="flex-shrink-0"> <div className="flex-shrink-0">