vynte-infra/twenty
2
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix timeline activities + breadcrumb (#18626)

Browse Source 
Before
<img width="412" height="223" alt="Capture d’écran 2026-03-13 à 17 42
37"
src="https://github.com/user-attachments/assets/350edca5-53a3-4ff9-8c81-80d012bf2170"
/>

After
<img width="412" height="251" alt="Capture d’écran 2026-03-13 à 17 43
06"
src="https://github.com/user-attachments/assets/75a86a10-b551-416b-9103-6db03a6ca395"
/>
This commit is contained in:
Thomas Trompette
2026-03-16 15:10:11 +01:00
committed by GitHub
parent e552704201
commit 32d7fa09a3
4 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/twenty-front/src/modules/activities/timeline-activities/components/EventRow.tsx
-5
View File
@@ -63,11 +63,6 @@ const StyledVerticalLine = styled.div`
`; `;
const StyledSummary = styled.summary` const StyledSummary = styled.summary`
align-items: center;
display: flex;
flex: 1;
flex-direction: row;
gap: ${themeCssVariables.spacing[1]};
width: 100%; width: 100%;
`; `;
packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventCard.tsx
+4 -2
View File
@@ -12,12 +12,13 @@ const StyledCardContainer = styled.div`
flex-direction: column; flex-direction: column;
flex-grow: 1; flex-grow: 1;
gap: ${themeCssVariables.spacing[2]}; gap: ${themeCssVariables.spacing[2]};
max-width: 400px;
padding: ${themeCssVariables.spacing[2]} 0px ${themeCssVariables.spacing[1]} padding: ${themeCssVariables.spacing[2]} 0px ${themeCssVariables.spacing[1]}
0px; 0px;
width: 400px; width: 100%;
@media (max-width: ${MOBILE_VIEWPORT}px) { @media (max-width: ${MOBILE_VIEWPORT}px) {
width: 300px; max-width: 300px;
} }
`; `;
@@ -32,6 +33,7 @@ const StyledCardInnerContainer = styled.div`
flex-direction: column; flex-direction: column;
gap: ${themeCssVariables.spacing[2]}; gap: ${themeCssVariables.spacing[2]};
justify-content: center; justify-content: center;
overflow: hidden;
padding: ${themeCssVariables.spacing[2]}; padding: ${themeCssVariables.spacing[2]};
`; `;
packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessage.tsx
+2 -1
View File
@@ -17,7 +17,8 @@ const StyledEventCardMessageContainer = styled.div<{ canOpen?: boolean }>`
cursor: ${({ canOpen }) => (canOpen ? 'pointer' : 'not-allowed')}; cursor: ${({ canOpen }) => (canOpen ? 'pointer' : 'not-allowed')};
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 380px; max-width: 380px;
width: 100%;
`; `;
const StyledEmailContent = styled.div` const StyledEmailContent = styled.div`
packages/twenty-front/src/pages/object-record/RecordShowPageHeader.tsx
+1 -1
View File
@@ -26,7 +26,7 @@ export const RecordShowPageHeader = ({
<ObjectRecordShowPageBreadcrumb <ObjectRecordShowPageBreadcrumb
objectNameSingular={objectNameSingular} objectNameSingular={objectNameSingular}
objectRecordId={objectRecordId} objectRecordId={objectRecordId}
objectLabel={objectMetadataItem.labelSingular} objectLabel={objectMetadataItem.labelPlural}
labelIdentifierFieldMetadataItem={labelIdentifierFieldMetadataItem} labelIdentifierFieldMetadataItem={labelIdentifierFieldMetadataItem}
/> />
} }