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:
iliya 2026-03-11 19:17:59 +02:00
parent 864d397810
commit 4fa739d887
2 changed files with 4 additions and 4 deletions

View file

@ -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

View file

@ -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>