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
@@ -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>
@@ -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;
}
}
}
@@ -53,7 +53,7 @@ class Rewards {
const { offerId, actionId } = message;
const signal = {
origin: 'ghostery',
type: 'action-signal',
type: 'offer-action-signal',
data: {
action_id: actionId,
offer_id: offerId
ProTip! Use n and p to navigate between commits in a pull request.