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

Add feature banner to react-gears #192

Merged
merged 2 commits into from
Apr 22, 2017
Merged

Add feature banner to react-gears #192

merged 2 commits into from
Apr 22, 2017

Conversation

JingyuZ
Copy link
Contributor

@JingyuZ JingyuZ commented Apr 21, 2017

No description provided.

Copy link
Contributor

@aaronpanch aaronpanch left a comment

Choose a reason for hiding this comment

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

Thanks Jingyu! Are you planning on adding some tests too :) ?

const alertStyle = `${styles.alert} font-weight-bold text-uppercase`;

return (
<div>
Copy link
Contributor

Choose a reason for hiding this comment

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

Do we need this wrapper?

{alertText}
</div>
<div className={`${styles.body} d-flex align-items-around justify-content-start mr-auto`}>
<div className={`${styles.info}`}>
Copy link
Contributor

Choose a reason for hiding this comment

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

Do we need to interpolate here?

return (
<div>
<Alert color="info" className="align-items-center d-flex flex-wrap">
<div className={`${alertStyle} pr-3 hidden-sm-down`}>
Copy link
Contributor

Choose a reason for hiding this comment

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

Maybe change to span

.body {
@media (min-width: 768px) {
border-left: 1px solid #dae4f1;
padding-left: 13px;
Copy link
Contributor

Choose a reason for hiding this comment

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

Where did this come from?

@@ -0,0 +1,15 @@
.body {
@media (min-width: 768px) {
border-left: 1px solid #dae4f1;
Copy link
Contributor

Choose a reason for hiding this comment

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

Where did this color come from?

@gthomas-appfolio gthomas-appfolio merged commit 0d8b432 into master Apr 22, 2017
@gthomas-appfolio gthomas-appfolio deleted the cpFeatureBanner branch April 22, 2017 03:37
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