github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix list view visual alignments (#4543)

Browse Source
This commit is contained in:
rahulramesha 2024-05-22 11:34:15 +05:30 committed by GitHub
parent 709cd9dd6c
commit e6d626fbc5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/ui/src/drag-handle.tsx
View File

@ -17,7 +17,7 @@ export const DragHandle = forwardRef<HTMLButtonElement | null, IDragHandle>((pro
return ( return (
<button <button
type="button" type="button"
className={`mr-1 p-[2px] flex flex-shrink-0 rounded bg-custom-background-90 text-custom-sidebar-text-200 group-hover:opacity-100 cursor-grab ${ className={` p-[2px] flex flex-shrink-0 rounded bg-custom-background-90 text-custom-sidebar-text-200 group-hover:opacity-100 cursor-grab ${
isDragging ? "opacity-100" : "opacity-0" isDragging ? "opacity-100" : "opacity-0"
}`} }`}
onContextMenu={(e) => { onContextMenu={(e) => {

2
web/components/issues/issue-layouts/list/block-root.tsx
View File

@ -118,7 +118,7 @@ export const IssueBlockRoot: FC<Props> = observer((props) => {
key={`${issueId}`} key={`${issueId}`}
defaultHeight="3rem" defaultHeight="3rem"
root={containerRef} root={containerRef}
classNames={`relative ${isLastChild ? "" : "border-b border-b-custom-border-200"}`} classNames={`relative ${isLastChild && !isExpanded ? "" : "border-b border-b-custom-border-200"}`}
> >
<IssueBlock <IssueBlock
issueId={issueId} issueId={issueId}

4
web/components/issues/issue-layouts/list/block.tsx
View File

@ -119,7 +119,7 @@ export const IssueBlock = observer((props: IssueBlockProps) => {
<div <div
ref={issueRef} ref={issueRef}
className={cn( className={cn(
"group min-h-11 relative flex flex-col md:flex-row md:items-center gap-3 bg-custom-background-100 p-3 text-sm", "group min-h-11 relative flex flex-col md:flex-row md:items-center gap-3 bg-custom-background-100 pl-1.5 pr-1 text-sm",
{ {
"border border-custom-primary-70 hover:border-custom-primary-70": "border border-custom-primary-70 hover:border-custom-primary-70":
getIsIssuePeeked(issue.id) && peekIssue?.nestingLevel === nestingLevel, getIsIssuePeeked(issue.id) && peekIssue?.nestingLevel === nestingLevel,
@ -145,7 +145,7 @@ export const IssueBlock = observer((props: IssueBlockProps) => {
</div> </div>
</div> </div>
{displayProperties && displayProperties?.key && ( {displayProperties && displayProperties?.key && (
<div className="flex-shrink-0 text-xs font-medium text-custom-text-300"> <div className="pl-1 flex-shrink-0 text-xs font-medium text-custom-text-300">
{projectIdentifier}-{issue.sequence_id} {projectIdentifier}-{issue.sequence_id}
</div> </div>
)} )}

2
web/components/issues/issue-layouts/list/headers/group-by-card.tsx
View File

@ -65,7 +65,7 @@ export const HeaderGroupByCard = observer(
return ( return (
<> <>
<div className="relative flex w-full flex-shrink-0 flex-row items-center gap-2 py-1.5"> <div className="relative flex w-full flex-shrink-0 flex-row items-center gap-1.5 py-1.5">
<div className="flex h-5 w-5 flex-shrink-0 items-center justify-center overflow-hidden rounded-sm"> <div className="flex h-5 w-5 flex-shrink-0 items-center justify-center overflow-hidden rounded-sm">
{icon ? icon : <CircleDashed className="h-3.5 w-3.5" strokeWidth={2} />} {icon ? icon : <CircleDashed className="h-3.5 w-3.5" strokeWidth={2} />}
</div> </div>

2
web/components/issues/issue-layouts/list/quick-add-issue-form.tsx
View File

@ -152,7 +152,7 @@ export const ListQuickAddIssueForm: FC<IListQuickAddIssueForm> = observer((props
</div> </div>
) : ( ) : (
<div <div
className="flex w-full cursor-pointer items-center gap-2 p-3 py-3 text-custom-primary-100" className="flex w-full cursor-pointer items-center gap-3 p-6 py-3 text-custom-primary-100"
onClick={() => setIsOpen(true)} onClick={() => setIsOpen(true)}
> >
<PlusIcon className="h-3.5 w-3.5 stroke-2" /> <PlusIcon className="h-3.5 w-3.5 stroke-2" />