style(communities-card): add hover effect

mydearxym · mydearxym · commit 41d0685bd523 · 2019-06-17T18:35:44.000+08:00
diff --git a/containers/CommunitiesContent/styles/community_cards.js b/containers/CommunitiesContent/styles/community_cards.js
@@ -31,7 +31,11 @@ export const Card = styled(BaseCard)`
   &:hover {
     border: 1px solid;
     border-color: ${theme('content.cardBorderHover')};
+    border-top: 2px solid;
+    border-top-color: ${theme('content.cardBorderHover')};
+    margin-top: -8px;
   }
+  transition: margin 0.2s;
 `
 
 export const EmptyCard = styled(BaseCard)`

Original file line number	Diff line number	Diff line change
@@ -31,7 +31,11 @@ export const Card = styled(BaseCard)`
`31`	`31`	`&:hover {`
`32`	`32`	`border: 1px solid;`
`33`	`33`	`border-color: ${theme('content.cardBorderHover')};`
	`34`	`+ border-top: 2px solid;`
	`35`	`+ border-top-color: ${theme('content.cardBorderHover')};`
	`36`	`+ margin-top: -8px;`
`34`	`37`	`}`
	`38`	`+ transition: margin 0.2s;`
`35`	`39`	`
`36`	`40`
`37`	`41`	export const EmptyCard = styled(BaseCard)`