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

rewards prompt styles #59

Merged
merged 8 commits into from May 14, 2018
prompt button styles
  • Loading branch information
trickpattyFH20 committed May 11, 2018
commit 249e6f80647e065cb1d1b3431ef9afc0a5338f50
@@ -51,10 +51,10 @@ class Notification extends Component {
</div>
{this.props.data.buttons &&
<div className="notification-buttons">
<button onClick={(e) => { this.closeNotification(true); }}>
<button className={`btn`} onClick={(e) => { this.closeNotification(true); }}>
{t('rewards_yes')}
</button>
<button onClick={(e) => { this.closeNotification(false); }}>
<button className={`btn`} onClick={(e) => { this.closeNotification(false); }}>
{t('rewards_no')}
</button>
</div>
@@ -110,7 +110,6 @@ class OfferCard extends Component {
}

sendSignal(actionId, props = this.props) {
console.log('send signal ', actionId);
// Cliqz metrics
const offerId = props.reward.offer_id;
const message = {
@@ -435,12 +435,48 @@
display: flex;
justify-content: center;
flex-direction: row;
div {
.btn {
width: 60px;
height: 30px;
border-radius: 3px;
text-transform: uppercase;
}
button {
cursor: pointer;
font-weight: bold;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
margin-top: 10px;
margin-bottom: 10px;
&:nth-child(1) {
margin-right:10px;
margin-right:5px;
color:$dark-purple;
border: 2px solid $dark-purple;
}
&:nth-child(2) {
margin-left:10px;
margin-left:5px;
border: 2px solid transparent;
&:hover {
border: 2px solid $dark-purple;
}
}
&:hover{
background-color: $dark-purple;
color: $white;
}
}
}
}
.rewards-notification.second-prompt{
.notification-buttons {
button{
&:nth-child(1) {
background-color: $dark-purple;
color: $white;
}
&:hover {
background-color: #D8D8D8;
border-color: #D8D8D8;
color: $black;
}
}
}
ProTip! Use n and p to navigate between commits in a pull request.