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

Merge pull request #255 from shancds/test/row-kanban-board-v1.1.7

Browse Source 
feat(assignee-selector): add kanbanMode prop and enhance styling
This commit is contained in:
Chamika J
2025-07-11 11:19:45 +05:30
committed by GitHub
parent 278e221c75 d9a5f76449
commit 7def564950
2 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
worklenz-frontend/src/components/AssigneeSelector.tsx
View File

@@ -18,12 +18,14 @@ interface AssigneeSelectorProps {
task: IProjectTask; task: IProjectTask;
groupId?: string | null; groupId?: string | null;
isDarkMode?: boolean; isDarkMode?: boolean;
kanbanMode?: boolean;
} }
const AssigneeSelector: React.FC<AssigneeSelectorProps> = ({ const AssigneeSelector: React.FC<AssigneeSelectorProps> = ({
task, task,
groupId = null, groupId = null,
isDarkMode = false isDarkMode = false,
kanbanMode = false
}) => { }) => {
const [isOpen, setIsOpen] = useState(false); const [isOpen, setIsOpen] = useState(false);
const [searchQuery, setSearchQuery] = useState(''); const [searchQuery, setSearchQuery] = useState('');
@@ -233,7 +235,7 @@ const AssigneeSelector: React.FC<AssigneeSelectorProps> = ({
ref={dropdownRef} ref={dropdownRef}
onClick={e => e.stopPropagation()} onClick={e => e.stopPropagation()}
className={` className={`
fixed z-9999 w-72 rounded-md shadow-lg border fixed z-[99999] w-72 rounded-md shadow-lg border
${isDarkMode ${isDarkMode
? 'bg-gray-800 border-gray-600' ? 'bg-gray-800 border-gray-600'
: 'bg-white border-gray-200' : 'bg-white border-gray-200'

21
worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/TaskCard.tsx
View File

@@ -424,7 +424,7 @@ const TaskCard: React.FC<TaskCardProps> = memo(({
</div> </div>
</div> </div>
</div> </div>
<div <div
className="subtasks-container" className="subtasks-container"
style={{ style={{
overflow: 'hidden', overflow: 'hidden',
@@ -456,14 +456,17 @@ const TaskCard: React.FC<TaskCardProps> = memo(({
> >
{sub.end_date ? format(new Date(sub.end_date), 'MMM d, yyyy') : ''} {sub.end_date ? format(new Date(sub.end_date), 'MMM d, yyyy') : ''}
</span> </span>
{sub.names && sub.names.length > 0 && ( <span className="flex items-center">
<AvatarGroup {sub.names && sub.names.length > 0 && (
members={sub.names} <AvatarGroup
maxCount={2} members={sub.names}
isDarkMode={themeMode === 'dark'} maxCount={2}
size={18} isDarkMode={themeMode === 'dark'}
/> size={18}
)} />
)}
<LazyAssigneeSelectorWrapper task={sub} groupId={groupId} isDarkMode={themeMode === 'dark'} kanbanMode={true} />
</span>
</li> </li>
))} ))}
</ul> </ul>