search

202-ecommerce / stripe_official

After years of hard work with Stripe connector for PrestaShop, 202 ecommerce stop the development of Stripe module on January 9th 2023. Thanks for all contributors that help us!
20 stars 20 forks source link

Display of Credit card form is too narrow, Mastercard icon is not sharp #148

Closed lmeyer1 closed 2 years ago

lmeyer1 commented 2 years ago

The display of the credit card form is too narrow to accommodate for the French wording Date d'expiration Capture d’écran 2022-05-06 113923

All the fields should be a little larger.

The Mastercard logo also is not sharp.

darkstudio commented 2 years ago

Hello @lmeyer1 C'est un problème qui existe depuis très lgt, ils n'apporteront pas de correctif, il vous faut le modifier dans le TPL manuellement et refaire ces modifications a chaque mise à jour ou alors chipoter avec du CSS.

darkstudio commented 2 years ago

Si vous ne voulez pas trop vous prendre la tête, mettez ceci dans votre custom.css. pas besoin de le refaire à chaque mise à jour du moins temps qu'ils ne modifient pas en profondeur le style du cadre.

.block-left.stripe-card-expiry label:first-child {
    font-size: 11px;
}

image

Pour les icones, c'est le rendu css qui n'est pas top, suffit de jouer avec, ceci dans votre custom.css

form#stripe-card-payment img.card_logo {
    width: 19%;  
}

image

Bonne journée

lmeyer1 commented 2 years ago

@darkstudio J'essaie d'utiliser le principe Fixed for me, fixed for all. Je vais soumettre en PR et j'espère qu'ils l'incorporent. I'm trying to use the Fixed for me, fixed for all principle. I will submit to PR and hope they incorporate it.

clotairer commented 2 years ago

Thank you @Imeyer1 and thank you @darkstudio for your initial suggestion. Looks OK.

clotairer commented 2 years ago

Fixed by #149