Fixed card fields styling

PrestaShopCorp · Jan 23, 2024 · 1ff4f0d · 1ff4f0d
1 parent 5d40a55
commit 1ff4f0d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/_dev/js/front/src/components/common/card-fields.component.js b/_dev/js/front/src/components/common/card-fields.component.js
@@ -170,10 +170,14 @@ export class CardFieldsComponent extends BaseComponent {
         input: {
           'font-size': '17px',
           'font-family': 'helvetica, tahoma, calibri, sans-serif',
-          color: '#3a3a3a'
+          color: '#3a3a3a',
+          padding: '8px 12px'
         },
         ':focus': {
           color: 'black'
+        },
+        body: {
+          padding: '0px'
         }
       },
       ...(this.configPayPal.hostedFieldsCustomization || {}),

diff --git a/_dev/js/front/src/components/common/payment-option.component.js b/_dev/js/front/src/components/common/payment-option.component.js
@@ -18,7 +18,6 @@
  */
 import { BaseComponent } from '../../core/dependency-injection/base.component';
 
-import { HostedFieldsComponent } from './hosted-fields.component';
 import { MarkComponent } from './marker.component';
 import { SmartButtonComponent } from './smart-button.component';
 import { PaymentFieldsComponent } from "./payment-fields.component";

diff --git a/.../js/front/src/service/query-selector.service/default-selectors/default-selectors-ps1_6.js b/.../js/front/src/service/query-selector.service/default-selectors/default-selectors-ps1_6.js
@@ -45,6 +45,7 @@ export const DefaultSelectors1_6 = {
   PAY_LATER_BANNER_CONTAINER: '.header-container',
 
   CARD_FIELDS: {
+    FORM: '#ps_checkout-card-fields-form',
     NAME: '#ps_checkout-card-fields-card-name',
     NUMBER: '#ps_checkout-card-fields-card-number',
     EXPIRY: '#ps_checkout-card-fields-card-expiry',