mirror of
https://github.com/discourse/discourse-subscriptions.git
synced 2025-02-12 06:24:51 +00:00
392b88265b
* FIX: set Discourse consistent styles on Stripe card element * use correct placeholder color * applied prettier * mock update method for cardElement * minor formatting
29 lines
735 B
JavaScript
29 lines
735 B
JavaScript
import Component from "@ember/component";
|
|
|
|
export default Component.extend({
|
|
didInsertElement() {
|
|
this._super(...arguments);
|
|
this.cardElement.mount("#card-element");
|
|
this.setCardElementStyles();
|
|
},
|
|
|
|
setCardElementStyles() {
|
|
const root = document.querySelector(":root");
|
|
const computedStyle = getComputedStyle(root);
|
|
const primaryColor = computedStyle.getPropertyValue("--primary");
|
|
const placeholderColor =
|
|
computedStyle.getPropertyValue("--secondary-medium");
|
|
this.cardElement.update({
|
|
style: {
|
|
base: {
|
|
color: primaryColor,
|
|
"::placeholder": {
|
|
color: placeholderColor,
|
|
},
|
|
},
|
|
},
|
|
});
|
|
},
|
|
didDestroyElement() {},
|
|
});
|