hanh.tonguyen/paperclip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): simplify document card body layout

Browse Source 
Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
Dotta
2026-03-14 05:56:17 -05:00
parent eb0a74384e
commit 501ab4ffa9
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
ui/src/components/IssueDocumentsSection.tsx
View File

@@ -37,6 +37,10 @@ function isPlanKey(key: string) {
return key.trim().toLowerCase() === "plan"; return key.trim().toLowerCase() === "plan";
} }
function titlesMatchKey(title: string | null | undefined, key: string) {
return (title ?? "").trim().toLowerCase() === key.trim().toLowerCase();
}
export function IssueDocumentsSection({ export function IssueDocumentsSection({
issue, issue,
canDeleteDocuments, canDeleteDocuments,
@@ -292,8 +296,8 @@ export function IssueDocumentsSection({
}; };
}, [autosaveState, commitDraft, draft, markDocumentDirty, resetAutosaveState, sortedDocuments]); }, [autosaveState, commitDraft, draft, markDocumentDirty, resetAutosaveState, sortedDocuments]);
const documentBodyShellClassName = "mt-3 overflow-hidden rounded-md border border-border bg-background"; const documentBodyShellClassName = "mt-3 overflow-hidden rounded-md";
const documentBodyPaddingClassName = "px-3 py-3"; const documentBodyPaddingClassName = "";
const documentBodyContentClassName = "paperclip-edit-in-place-content min-h-[220px] text-[15px] leading-7"; const documentBodyContentClassName = "paperclip-edit-in-place-content min-h-[220px] text-[15px] leading-7";
return ( return (
@@ -342,7 +346,7 @@ export function IssueDocumentsSection({
placeholder="Markdown body" placeholder="Markdown body"
bordered={false} bordered={false}
className="bg-transparent" className="bg-transparent"
contentClassName="min-h-[220px] px-3 py-3 text-[15px] leading-7" contentClassName="min-h-[220px] text-[15px] leading-7"
mentions={mentions} mentions={mentions}
imageUploadHandler={imageUploadHandler} imageUploadHandler={imageUploadHandler}
onSubmit={() => void commitDraft(draft, { clearAfterSave: false, trackAutosave: false })} onSubmit={() => void commitDraft(draft, { clearAfterSave: false, trackAutosave: false })}
@@ -384,7 +388,7 @@ export function IssueDocumentsSection({
<div className="space-y-3"> <div className="space-y-3">
{sortedDocuments.map((doc) => { {sortedDocuments.map((doc) => {
const activeDraft = draft?.key === doc.key && !draft.isNew ? draft : null; const activeDraft = draft?.key === doc.key && !draft.isNew ? draft : null;
const showTitle = !isPlanKey(doc.key) && !!doc.title?.trim(); const showTitle = !isPlanKey(doc.key) && !!doc.title?.trim() && !titlesMatchKey(doc.title, doc.key);
return ( return (
<div key={doc.id} className="rounded-lg border border-border p-3"> <div key={doc.id} className="rounded-lg border border-border p-3">