refactor: simplify KanbanGridLayout and update KanbanTaskCard accessibility
- Removed padding from the main div in KanbanGridLayout for a cleaner layout. - Updated aria-label and button text in KanbanTaskCard to improve clarity and user experience when disapproving tasks.
This commit is contained in:
parent
864d397810
commit
4fa739d887
2 changed files with 4 additions and 4 deletions
|
|
@ -116,7 +116,7 @@ const LoadingKanbanGridLayout = ({
|
||||||
: buildDefaultItems(columns.length > 0 ? columns.map((column) => column.id) : ['todo']);
|
: buildDefaultItems(columns.length > 0 ? columns.map((column) => column.id) : ['todo']);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="p-1.5">
|
<div>
|
||||||
<div
|
<div
|
||||||
className="grid gap-3"
|
className="grid gap-3"
|
||||||
style={{
|
style={{
|
||||||
|
|
@ -178,7 +178,7 @@ const LoadedKanbanGridLayout = ({
|
||||||
);
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="p-1.5">
|
<div>
|
||||||
<WidthAwareGridLayout
|
<WidthAwareGridLayout
|
||||||
className="kanban-grid-layout"
|
className="kanban-grid-layout"
|
||||||
measureBeforeMount
|
measureBeforeMount
|
||||||
|
|
|
||||||
|
|
@ -470,13 +470,13 @@ export const KanbanTaskCard = ({
|
||||||
<Button
|
<Button
|
||||||
variant="outline"
|
variant="outline"
|
||||||
size="sm"
|
size="sm"
|
||||||
aria-label={`Move task ${task.id} back to done`}
|
aria-label={`Disapprove task ${task.id}`}
|
||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
onMoveBackToDone(task.id);
|
onMoveBackToDone(task.id);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
Move back to DONE
|
Disapprove
|
||||||
</Button>
|
</Button>
|
||||||
) : null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue