woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-05 08:59:14 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

add styles to dcc input fields

Browse source
This commit is contained in:
David Remer 2020-09-18 12:22:10 +03:00
parent 70a1da4671
commit 5fc5e38d33
1 changed files with 13 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

13
modules/ppcp-button/resources/js/modules/Renderer/CreditCardRenderer.js
View file

@ -31,6 +31,16 @@ class CreditCardRenderer {
document.querySelector('#ppcp-hide-dcc').parentNode.removeChild(document.querySelector('#ppcp-hide-dcc')); document.querySelector('#ppcp-hide-dcc').parentNode.removeChild(document.querySelector('#ppcp-hide-dcc'));
const cardNumberField = document.querySelector('#ppcp-credit-card-gateway-card-number'); const cardNumberField = document.querySelector('#ppcp-credit-card-gateway-card-number');
const stylesRaw = window.getComputedStyle(cardNumberField);
let styles = {};
Object.values(stylesRaw).forEach( (prop) => {
if (! stylesRaw[prop]) {
return;
}
styles[prop] = '' + stylesRaw[prop];
});
const cardNumber = dccInputFactory(cardNumberField); const cardNumber = dccInputFactory(cardNumberField);
cardNumberField.parentNode.replaceChild(cardNumber, cardNumberField); cardNumberField.parentNode.replaceChild(cardNumber, cardNumberField);
@ -54,6 +64,9 @@ class CreditCardRenderer {
} }
paypal.HostedFields.render({ paypal.HostedFields.render({
createOrder: contextConfig.createOrder, createOrder: contextConfig.createOrder,
styles: {
'input': styles
},
fields: { fields: {
number: { number: {
selector: '#ppcp-credit-card-gateway-card-number', selector: '#ppcp-credit-card-gateway-card-number',