google-pay / google-pay-button

Google Pay button - React, Angular, and custom element
Apache License 2.0
247 stars 60 forks source link

How can i remove min-width from google-pay-button on CSS or how can i customize style? #252

Closed jalalmanafi closed 9 months ago

jalalmanafi commented 9 months ago
Screenshot 2023-10-18 at 18 45 45
dmengelt commented 9 months ago

@jalalbmnf could you elaborate a bit more on what you are trying to achieve? What exactly are you trying to adjust with CSS? Also, please take a look at our branding guidelines.

jalalmanafi commented 9 months ago

I am trying to change the value of the min-width property but it is not possible, also I checked Google Pay doc. for customize Google Pay button and I wrote with documentation but it is not working properly

dmengelt commented 9 months ago

Correct we are currently not supporting this.

jalalmanafi commented 9 months ago

Then how can I solve this problem? Or is there any plan for the future?

dmengelt commented 9 months ago

What kind of problem? Could you share a screenshot of your UI where you try to show a Google Pay button?

jalalmanafi commented 9 months ago

What kind of problem? Could you share a screenshot of your UI where you try to show a Google Pay button?

When I added buttonType attribute to Google-pay-button there was no way to decrease min-width

dmengelt commented 9 months ago

@jalalbmnf I do understand this. However, what is the reason you are trying to decrease min-width? Could you maybe share a screenshot of your UI?

jalalmanafi commented 9 months ago
Screenshot 2023-10-24 at 13 44 13

I want to create this for small screens, and they should be small to stand side by side

dmengelt commented 9 months ago

thanks @jalalbmnf - unfortunately this is currently not possible for the dynamic button (showing the card network icon and last 4 digits of the users card).

You can switch to buttonType=pay. There you have a bit more flexibility if it comes to the width of the button.

jalalmanafi commented 9 months ago

Okay, thank you