Justin DiRose
b950926538
Due to putting the Stripe Elements HTML inside an if block in the template, this caused state to be funky. As a result, calling `this.stripe.createToken` failed to return a promise. Opted instead to hide the elements via CSS for anonymous users to prevent this showstopping bug.
46 lines
664 B
SCSS
46 lines
664 B
SCSS
.subscribe-buttons {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
|
|
.btn-discourse-subscriptions-subscribe {
|
|
padding: 10px 20px;
|
|
div {
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.btn-payment {
|
|
width: 100%;
|
|
}
|
|
|
|
.anon #card-element {
|
|
display: none;
|
|
}
|
|
|
|
.StripeElement {
|
|
box-sizing: border-box;
|
|
|
|
padding: 10px;
|
|
height: 40px;
|
|
margin-bottom: 20px;
|
|
|
|
border: 1px $primary solid;
|
|
background-color: $secondary;
|
|
|
|
font-size: $base-font-size;
|
|
font-family: $base-font-family;
|
|
}
|
|
|
|
.StripeElement--focus {
|
|
box-shadow: shadow("focus");
|
|
}
|
|
|
|
.StripeElement--invalid {
|
|
border-color: $danger;
|
|
}
|
|
|
|
.StripeElement--webkit-autofill {
|
|
color: $quaternary;
|
|
}
|