admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix: Number of records design on kanban (#6313)

Browse Source 
Fixes #6306 

On hover, the VerticalDots icons will appear but the number of records
won't disappear.
This commit is contained in:
Sanidhya Singh
2024-07-18 22:15:05 +05:30
committed by GitHub
parent 65e8503da8
commit 8a1af3a2ff
1 changed files with 1 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx
View File

@ -26,14 +26,11 @@ const StyledAmount = styled.div`
const StyledNumChildren = styled.div` const StyledNumChildren = styled.div`
align-items: center; align-items: center;
background-color: ${({ theme }) => theme.background.tertiary};
border-radius: ${({ theme }) => theme.border.radius.rounded};
color: ${({ theme }) => theme.font.color.tertiary}; color: ${({ theme }) => theme.font.color.tertiary};
display: flex; display: flex;
height: 24px; height: 24px;
justify-content: center; justify-content: center;
line-height: ${({ theme }) => theme.text.lineHeight.lg}; line-height: ${({ theme }) => theme.text.lineHeight.lg};
margin-left: auto;
width: 16px; width: 16px;
`; `;
@ -93,9 +90,7 @@ export const RecordBoardColumnHeader = () => {
text={columnDefinition.title} text={columnDefinition.title}
/> />
{!!boardColumnTotal && <StyledAmount>${boardColumnTotal}</StyledAmount>} {!!boardColumnTotal && <StyledAmount>${boardColumnTotal}</StyledAmount>}
{!isHeaderHovered && ( <StyledNumChildren>{recordCount}</StyledNumChildren>
<StyledNumChildren>{recordCount}</StyledNumChildren>
)}
{isHeaderHovered && columnDefinition.actions.length > 0 && ( {isHeaderHovered && columnDefinition.actions.length > 0 && (
<StyledHeaderActions> <StyledHeaderActions>
<LightIconButton <LightIconButton