Skip to content

Commit

Permalink
Fix: Number of records design on kanban (twentyhq#6313)
Browse files Browse the repository at this point in the history
Fixes twentyhq#6306 

On hover, the VerticalDots icons will appear but the number of records
won't disappear.
  • Loading branch information
sanidhyasin authored Jul 18, 2024
1 parent 65e8503 commit 8a1af3a
Showing 1 changed file with 1 addition and 6 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -26,14 +26,11 @@ const StyledAmount = styled.div`

const StyledNumChildren = styled.div`
align-items: center;
background-color: ${({ theme }) => theme.background.tertiary};
border-radius: ${({ theme }) => theme.border.radius.rounded};
color: ${({ theme }) => theme.font.color.tertiary};
display: flex;
height: 24px;
justify-content: center;
line-height: ${({ theme }) => theme.text.lineHeight.lg};
margin-left: auto;
width: 16px;
`;

Expand Down Expand Up @@ -93,9 +90,7 @@ export const RecordBoardColumnHeader = () => {
text={columnDefinition.title}
/>
{!!boardColumnTotal && <StyledAmount>${boardColumnTotal}</StyledAmount>}
{!isHeaderHovered && (
<StyledNumChildren>{recordCount}</StyledNumChildren>
)}
<StyledNumChildren>{recordCount}</StyledNumChildren>
{isHeaderHovered && columnDefinition.actions.length > 0 && (
<StyledHeaderActions>
<LightIconButton
Expand Down

0 comments on commit 8a1af3a

Please sign in to comment.