diff --git a/front/src/modules/activities/notes/components/NoteCard.tsx b/front/src/modules/activities/notes/components/NoteCard.tsx index d2638d965f..d534f9c3d8 100644 --- a/front/src/modules/activities/notes/components/NoteCard.tsx +++ b/front/src/modules/activities/notes/components/NoteCard.tsx @@ -11,7 +11,7 @@ import { } from '@/ui/object/field/contexts/FieldContext'; import { Activity, ActivityTarget, Comment } from '~/generated/graphql'; -const StyledCard = styled.div` +const StyledCard = styled.div<{ isSingleNote: boolean }>` align-items: flex-start; background: ${({ theme }) => theme.background.secondary}; border: 1px solid ${({ theme }) => theme.border.color.medium}; @@ -20,6 +20,7 @@ const StyledCard = styled.div` flex-direction: column; height: 300px; justify-content: space-between; + max-width: ${({ isSingleNote }) => (isSingleNote ? '300px' : 'unset')}; `; const StyledCardDetailsContainer = styled.div` @@ -73,6 +74,7 @@ const StyledCommentIcon = styled.div` export const NoteCard = ({ note, + isSingleNote, }: { note: Pick< Activity, @@ -81,6 +83,7 @@ export const NoteCard = ({ activityTargets?: Array> | null; comments?: Array> | null; }; + isSingleNote: boolean; }) => { const theme = useTheme(); const openActivityRightDrawer = useOpenActivityRightDrawer(); @@ -95,7 +98,7 @@ export const NoteCard = ({ return ( - + openActivityRightDrawer(note.id)} > diff --git a/front/src/modules/activities/notes/components/NoteList.tsx b/front/src/modules/activities/notes/components/NoteList.tsx index 74066d92a7..525dd46e88 100644 --- a/front/src/modules/activities/notes/components/NoteList.tsx +++ b/front/src/modules/activities/notes/components/NoteList.tsx @@ -59,7 +59,11 @@ export const NoteList = ({ title, notes, button }: NoteListProps) => ( {notes.map((note) => ( - + ))}