daonanchao/vibe-kanban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add border around task form elements (#1492)

Browse Source
This commit is contained in:
Louis Knight-Webb
2025-12-11 11:26:54 +00:00
committed by GitHub
parent b818f32b1e
commit 07e1b34a21
3 changed files with 26 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/components/dialogs/tasks/TaskFormDialog.tsx
View File

@@ -390,12 +390,12 @@ const TaskFormDialogImpl = NiceModal.create<TaskFormDialogProps>((props) => {
<Dialog
open={modal.visible}
onOpenChange={handleDialogClose}
className="w-full max-w-[min(90vw,40rem)] max-h-[min(95vh,50rem)] flex flex-col overflow-hidden p-0"
className="w-full max-w-[min(90vw,40rem)] max-h-[min(95vh,50rem)] flex flex-col overflow-hidden"
uncloseable={showDiscardWarning}
>
<div
{...getRootProps()}
className="h-full flex flex-col gap-0 px-4 pb-4 relative min-h-0"
className="h-full flex flex-col gap-4 p-4 relative min-h-0"
>
<input {...getInputProps()} />
{/* Drag overlay */}
@@ -411,7 +411,7 @@ const TaskFormDialogImpl = NiceModal.create<TaskFormDialogProps>((props) => {
)}
{/* Title */}
<div className="flex-none pr-8 pt-3">
<div className="flex-none px-4 py-2 border border-1 border-border">
<form.Field name="title">
{(field) => (
<Input
@@ -419,7 +419,7 @@ const TaskFormDialogImpl = NiceModal.create<TaskFormDialogProps>((props) => {
value={field.state.value}
onChange={(e) => field.handleChange(e.target.value)}
placeholder={t('taskFormDialog.titlePlaceholder')}
className="text-lg font-semibold border-none shadow-none px-0 placeholder:text-muted-foreground/60 focus-visible:ring-0"
className="text-lg font-semibold placeholder:text-muted-foreground/60 border-none p-0"
disabled={isSubmitting}
autoFocus
/>
@@ -427,9 +427,8 @@ const TaskFormDialogImpl = NiceModal.create<TaskFormDialogProps>((props) => {
</form.Field>
</div>
<div className="flex-1 min-h-0 overflow-y-auto overscroll-contain space-y-1 pb-3">
<div className="flex-1 p-4 min-h-0 overflow-y-auto overscroll-contain space-y-1 border border-1 border-border">
{/* Description */}
<div>
<form.Field name="description">
{(field) => (
<WYSIWYGEditor
@@ -447,8 +446,6 @@ const TaskFormDialogImpl = NiceModal.create<TaskFormDialogProps>((props) => {
/>
)}
</form.Field>
</div>
{/* Edit mode status */}
{editMode && (
<form.Field name="status">
@@ -541,7 +538,7 @@ const TaskFormDialogImpl = NiceModal.create<TaskFormDialogProps>((props) => {
)}
{/* Actions */}
<div className="border-t pt-3 flex items-center justify-between gap-3">
<div className="flex items-center justify-between gap-3">
{/* Attach Image*/}
<div className="flex items-center gap-2">
<Button

2
frontend/src/i18n/locales/en/tasks.json
View File

@@ -419,7 +419,7 @@
"taskFormDialog": {
"createTitle": "Create New Task",
"editTitle": "Edit Task",
"titlePlaceholder": "Task title",
"titlePlaceholder": "Task title...",
"descriptionPlaceholder": "Add more details (optional). Type @ to search files.",
"statusLabel": "Status",
"statusOptions": {

4
frontend/src/styles/diff-style-overrides.css
View File

@@ -404,7 +404,7 @@
.diff-tailwindcss-wrapper tr,
.diff-tailwindcss-wrapper td {
border-color: transparent;
border-width: 0px;
/* border-width: 0px; */
text-align: left;
}
@@ -455,7 +455,7 @@
color: inherit;
margin: 0;
text-transform: none;
border-width: 0px;
/* border-width: 0px; */
background-color: transparent;
background-image: none;
}