fix(card): hidden content

2021-02-15 21:42:23 +00:00
parent 82dffe7cdd
commit 62526f6310
1 changed files with 8 additions and 1 deletions
--- a/src/components/card.js
+++ b/src/components/card.js
@@ -7,7 +7,10 @@ const Media = styled.div`
  transition: transform 0.15s ease-in;
 `;
 const Heading = styled.div``;
-const Body = styled.div``;
+const Body = styled.div`
+  visibility: hidden;
+  transition: visibility 1ms linear 0.15s;
+`;

 const Content = styled.div`
  position: absolute;
@@ -38,6 +41,10 @@ const Container = styled.div`
    &:hover ${Media} {
      transform: scale(1.05);
    }
+    &:hover ${Body} {
+      visibility: visible;
+      transition: none;
+    }
  }
 `;