Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

lil design updates #22

Merged
merged 7 commits into from
Dec 4, 2017
Merged

lil design updates #22

merged 7 commits into from
Dec 4, 2017

Conversation

flipactual
Copy link
Contributor

No description provided.

@emdaerbot
Copy link

Woohoo! new surge deployment available for viewing! 🎉 surgereviewrckikfumdytoilv.surge.sh

Copy link
Member

@infiniteluke infiniteluke left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Couple comments/questions. We can remove bootstrap all the way later. 👍

<Container>
<RibbonContainer
color="white"
backgroundColor="#E25E3E"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should wrap this component in withTheme and use props.theme.brand for this color instead of hard coding.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

aye

},
}
const InnerContainer = ({ children, margin, padding }) => (
<g.Div
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I prefer using g.div in this case since it takes care of rendering the children and passing the props along, but this works I suppose

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I tried that, but it wasn't working for me... might've been something else I had wrong, will check again

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I tried readdressing this but couldn't figure out how to use g.div and have it accept padding and margin as arguments

backgroundColor="#F9F9F9"
padding={`${rhythm(2)} ${rhythm(3 / 4)}`}
>
<g.Img
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I kind of liked the logo. Did we remove this for accessibility? If so we can do both. If you think it looks better, I'm ok with that.

Copy link
Contributor Author

@flipactual flipactual Dec 3, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just felt like a lot having it twice so close together

@emdaer emdaer deleted a comment from emdaerbot Dec 3, 2017
@emdaer emdaer deleted a comment from emdaerbot Dec 3, 2017
@emdaer emdaer deleted a comment from emdaerbot Dec 3, 2017
@infiniteluke infiniteluke merged commit a8bf759 into site Dec 4, 2017
@infiniteluke infiniteluke deleted the fix-everything branch December 4, 2017 18:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants