From b375a08a76798eb7f594c6769d9f450502d3f930 Mon Sep 17 00:00:00 2001 From: Kevin Oh Date: Mon, 2 Jul 2018 22:42:06 -0400 Subject: [PATCH 1/6] #21 Added toggle ball to toggle between the two views of MemberCards --- src/components/member-card.js | 22 ++++++------ src/components/toggle-ball.js | 32 ++++++++++++++++++ src/pages/members.js | 9 +++-- src/scss/member-card.scss | 64 ++++++++++++++++++++--------------- src/scss/pages/members.scss | 12 ++++--- src/scss/toggle-ball.scss | 32 ++++++++++++++++++ 6 files changed, 124 insertions(+), 47 deletions(-) create mode 100644 src/components/toggle-ball.js create mode 100644 src/scss/toggle-ball.scss diff --git a/src/components/member-card.js b/src/components/member-card.js index 08cd51a..0703d47 100644 --- a/src/components/member-card.js +++ b/src/components/member-card.js @@ -8,13 +8,13 @@ import memberCardS from 'scss/member-card.scss'; export default (props) => { return ( -
+
{props.member.frontmatter.name}/ - {props.member.frontmatter.name} -

+ {props.member.frontmatter.name} +

); @@ -23,28 +23,28 @@ export default (props) => { function SocialSites(props) { console.log(props.socialList); return ( -