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']);
|
||||
|
||||
return (
|
||||
<div className="p-1.5">
|
||||
<div>
|
||||
<div
|
||||
className="grid gap-3"
|
||||
style={{
|
||||
|
|
@ -178,7 +178,7 @@ const LoadedKanbanGridLayout = ({
|
|||
);
|
||||
|
||||
return (
|
||||
<div className="p-1.5">
|
||||
<div>
|
||||
<WidthAwareGridLayout
|
||||
className="kanban-grid-layout"
|
||||
measureBeforeMount
|
||||
|
|
|
|||
|
|
@ -470,13 +470,13 @@ export const KanbanTaskCard = ({
|
|||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
aria-label={`Move task ${task.id} back to done`}
|
||||
aria-label={`Disapprove task ${task.id}`}
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
onMoveBackToDone(task.id);
|
||||
}}
|
||||
>
|
||||
Move back to DONE
|
||||
Disapprove
|
||||
</Button>
|
||||
) : null}
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue