From 45ccfc1441175e1bbed6a38fd1377008a0b07f5f Mon Sep 17 00:00:00 2001
From: danieldeng2 <danieldeng223@gmail.com>
Date: Wed, 12 Aug 2020 23:40:26 +0100
Subject: [PATCH] Shows checkbox on hover of entire card
---
frontend/src/components/atoms/FileCard/index.tsx | 11 +++++++----
frontend/src/components/atoms/FolderCard/index.tsx | 9 ++++++---
2 files changed, 13 insertions(+), 7 deletions(-)
diff --git a/frontend/src/components/atoms/FileCard/index.tsx b/frontend/src/components/atoms/FileCard/index.tsx
index bc1b5d5d7..b109ad3d3 100644
--- a/frontend/src/components/atoms/FileCard/index.tsx
+++ b/frontend/src/components/atoms/FileCard/index.tsx
@@ -31,15 +31,18 @@ const FileCard: React.FC<FileCardProps> = ({
onMouseOut,
}: FileCardProps) => {
return (
- <Card className={styles.quickViewCard} onClick={onClick}>
+ <Card
+ className={styles.quickViewCard}
+ onClick={onClick}
+ onMouseOver={onMouseOver}
+ onMouseOut={onMouseOut}
+ >
<Card.Img variant="top" src={applicationPDF} />
<Card.Body>
- <Card.Title style={{wordWrap: "break-word"}} >{title}</Card.Title>
+ <Card.Title style={{ wordWrap: "break-word" }}>{title}</Card.Title>
<FontAwesomeIcon
style={{ fontSize: "1.125rem" }}
icon={icon}
- onMouseOver={onMouseOver}
- onMouseOut={onMouseOut}
onClick={onIconClick}
/>
</Card.Body>
diff --git a/frontend/src/components/atoms/FolderCard/index.tsx b/frontend/src/components/atoms/FolderCard/index.tsx
index e6ff4e515..cb7ea31e6 100644
--- a/frontend/src/components/atoms/FolderCard/index.tsx
+++ b/frontend/src/components/atoms/FolderCard/index.tsx
@@ -22,14 +22,17 @@ const FolderCard: React.FC<FolderCardProps> = ({
onMouseOut,
}: FolderCardProps) => {
return (
- <Card className={styles.folderCard} onClick={onClick}>
+ <Card
+ className={styles.folderCard}
+ onClick={onClick}
+ onMouseOver={onMouseOver}
+ onMouseOut={onMouseOut}
+ >
<Card.Body style={{ padding: ".6rem" }}>
<Card.Text style={{ marginBottom: 0 }}>{title}</Card.Text>
<FontAwesomeIcon
style={{ fontSize: "1.125rem" }}
icon={icon}
- onMouseOver={onMouseOver}
- onMouseOut={onMouseOut}
onClick={onIconClick}
/>
</Card.Body>
--
GitLab