fix: popover obscured in kanban state, fixed #589

This commit is contained in:
qishaoxuan
2022-07-28 11:05:45 +08:00
parent 56a9e2ead5
commit 6971e95dad
@@ -43,17 +43,24 @@ export const CardContext = (props: Props) => {
const { id, block } = item; const { id, block } = item;
return ( return (
<div key={id} style={{ cursor: 'pointer' }}> <StyledCardContainer key={id}>
<CardItemPanelWrapper <CardItemPanelWrapper
item={item} item={item}
active={activeId === id} active={activeId === id}
> >
<CardItem id={id} block={block} /> <CardItem id={id} block={block} />
</CardItemPanelWrapper> </CardItemPanelWrapper>
</div> </StyledCardContainer>
); );
})} })}
<AddCard group={group} /> <AddCard group={group} />
</> </>
); );
}; };
const StyledCardContainer = styled('div')`
cursor: pointer;
&:focus-within {
z-index: 1;
}
`;