Yadciel/taskcafe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feature: connect card operation icon to quick card editor

Browse Source
This commit is contained in:
Jordan Knott 2020-07-13 16:20:06 -05:00
parent b95cc6859e
commit 609baa98aa
2 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/shared/components/Card/Styles.ts
View File

@ -134,10 +134,9 @@ export const ListCardOperation = styled.span`
position: absolute; position: absolute;
right: 2px; right: 2px;
top: 2px; top: 2px;
z-index: 10; z-index: 100;
&:hover { &:hover {
background-color: ${props => mixin.darken('#262c49', 0.45)}; background-color: ${props => mixin.darken('#262c49', .25)};
} }
`; `;

7
frontend/src/shared/components/Card/index.tsx
View File

@ -132,7 +132,12 @@ const Card = React.forwardRef(
> >
<ListCardInnerContainer ref={$innerCardRef}> <ListCardInnerContainer ref={$innerCardRef}>
{isActive && ( {isActive && (
<ListCardOperation> <ListCardOperation onClick={e => {
e.stopPropagation();
if (onContextMenu) {
onContextMenu($innerCardRef, taskID, taskGroupID);
}
}}>
<FontAwesomeIcon onClick={onOperationClick} color="#c2c6dc" size="xs" icon={faPencilAlt} /> <FontAwesomeIcon onClick={onOperationClick} color="#c2c6dc" size="xs" icon={faPencilAlt} />
</ListCardOperation> </ListCardOperation>
)} )}