bo/worklenz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(task-list): enhance styling for task list components

Browse Source 
- Updated the EmptyGroupDropZone component to include top and bottom borders for better visual separation.
- Adjusted the AddTaskRow component by removing the bottom border for a cleaner appearance.
This commit is contained in:
chamikaJ
2025-07-22 17:25:37 +05:30
parent 3beed3dae6
commit e3c002b088
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
worklenz-frontend/src/components/task-list-v2/TaskListV2Table.tsx
View File

@@ -90,7 +90,7 @@ const EmptyGroupDropZone: React.FC<{
isOver && active ? 'bg-blue-50 dark:bg-blue-900/20' : '' isOver && active ? 'bg-blue-50 dark:bg-blue-900/20' : ''
}`} }`}
> >
<div className="flex items-center min-w-max px-1" style={{ height: '40px' }}> <div className="flex items-center min-w-max px-1 border-t border-b border-gray-200 dark:border-gray-700" style={{ height: '40px' }}>
{visibleColumns.map((column, index) => { {visibleColumns.map((column, index) => {
const emptyColumnStyle = { const emptyColumnStyle = {
width: column.width, width: column.width,

2
worklenz-frontend/src/components/task-list-v2/components/AddTaskRow.tsx
View File

@@ -165,7 +165,7 @@ const AddTaskRow: React.FC<AddTaskRowProps> = memo(({
}, [isAdding, taskName, handleAddTask, handleCancel, handleKeyDown, t]); }, [isAdding, taskName, handleAddTask, handleCancel, handleKeyDown, t]);
return ( return (
<div className="flex items-center min-w-max px-1 py-0.5 hover:bg-gray-50 dark:hover:bg-gray-800 min-h-[36px] border-b border-gray-200 dark:border-gray-700"> <div className="flex items-center min-w-max px-1 py-0.5 hover:bg-gray-50 dark:hover:bg-gray-800 min-h-[36px]">
{visibleColumns.map((column, index) => ( {visibleColumns.map((column, index) => (
<React.Fragment key={column.id}> <React.Fragment key={column.id}>
{renderColumn(column.id, column.width)} {renderColumn(column.id, column.width)}