Yadciel/taskcafe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(TaskDetails): update member layout

Browse Source
This commit is contained in:
Jordan Knott 2020-08-21 23:37:48 -05:00
parent 5ceafd556a
commit 13480acd7e
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/shared/components/TaskDetails/Styles.ts
View File

@ -2,6 +2,7 @@ import styled from 'styled-components';
import TextareaAutosize from 'react-autosize-textarea/lib'; import TextareaAutosize from 'react-autosize-textarea/lib';
import { mixin } from 'shared/utils/styles'; import { mixin } from 'shared/utils/styles';
import Button from 'shared/components/Button'; import Button from 'shared/components/Button';
import TaskAssignee from 'shared/components/TaskAssignee';
export const TaskHeader = styled.div` export const TaskHeader = styled.div`
padding: 21px 30px 0px; padding: 21px 30px 0px;
@ -385,4 +386,11 @@ export const MetaDetailTitle = styled.h3`
overflow: hidden; overflow: hidden;
`; `;
export const MetaDetailContent = styled.div``; export const TaskMember = styled(TaskAssignee)``;
export const MetaDetailContent = styled.div`
display: flex;
& ${TaskMember} {
margin-right: 4px;
}
`;

3
frontend/src/shared/components/TaskDetails/index.tsx
View File

@ -14,6 +14,7 @@ import TaskAssignee from 'shared/components/TaskAssignee';
import moment from 'moment'; import moment from 'moment';
import { import {
TaskMember,
NoDueDateLabel, NoDueDateLabel,
TaskDueDateButton, TaskDueDateButton,
UnassignedLabel, UnassignedLabel,
@ -327,7 +328,7 @@ const TaskDetails: React.FC<TaskDetailsProps> = ({
<MetaDetailContent> <MetaDetailContent>
{task.assigned && {task.assigned &&
task.assigned.map(member => ( task.assigned.map(member => (
<TaskAssignee key={member.id} size={32} member={member} onMemberProfile={onMemberProfile} /> <TaskMember key={member.id} size={32} member={member} onMemberProfile={onMemberProfile} />
))} ))}
<TaskDetailsAddMemberIcon ref={$addMemberRef} onClick={() => onAddMember($addMemberRef)}> <TaskDetailsAddMemberIcon ref={$addMemberRef} onClick={() => onAddMember($addMemberRef)}>
<Plus size={16} color="#c2c6dc" /> <Plus size={16} color="#c2c6dc" />