From 5fc5e38d33a7b20d9a1ceae89ea35f0cdf89d95e Mon Sep 17 00:00:00 2001 From: David Remer Date: Fri, 18 Sep 2020 12:22:10 +0300 Subject: [PATCH] add styles to dcc input fields --- .../js/modules/Renderer/CreditCardRenderer.js | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/modules/ppcp-button/resources/js/modules/Renderer/CreditCardRenderer.js b/modules/ppcp-button/resources/js/modules/Renderer/CreditCardRenderer.js index 56c7d7977..11e37418a 100644 --- a/modules/ppcp-button/resources/js/modules/Renderer/CreditCardRenderer.js +++ b/modules/ppcp-button/resources/js/modules/Renderer/CreditCardRenderer.js @@ -31,6 +31,16 @@ class CreditCardRenderer { document.querySelector('#ppcp-hide-dcc').parentNode.removeChild(document.querySelector('#ppcp-hide-dcc')); 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); cardNumberField.parentNode.replaceChild(cardNumber, cardNumberField); @@ -54,6 +64,9 @@ class CreditCardRenderer { } paypal.HostedFields.render({ createOrder: contextConfig.createOrder, + styles: { + 'input': styles + }, fields: { number: { selector: '#ppcp-credit-card-gateway-card-number',