search

chargebee / chargebee-checkout-samples

36 stars 68 forks source link

how to apply media query styling to input components #8

Closed shierro closed 5 years ago

shierro commented 5 years ago

hi! i've checked the documentation regarding the question, but i was unable to find any clue how to achieve this one. I basically want to apply some styles on the input element or .CardInput class, inside the iframe.

My end goal is to make the font smaller on mobile, and bigger on desktop. Is this possible w/ the react implementation?

cb-dinesh commented 5 years ago

Hi Shierro,

It is possible to dynamically change the font-size on the react implementation. Although, media queries are not supported.

Refer to this example: Here you can modify the fontSize in the state, to achieve corresponding result. For a full list of supported styles refer here.

Let me know if this solves your query.

Thanks - Dinesh

shierro commented 5 years ago

hi Dinesh,

thanks for taking time to reply.

yup, that works for me. is it possible to support media queries in the near future?

On Wed, Sep 11, 2019, 1:53 PM Dinesh notifications@github.com wrote:

Hi Shierro,

It is possible to dynamically change the font-size on the react implementation. Although, media queries are not supported.

Refer to this example https://github.com/chargebee/chargebee-checkout-samples/blob/master/components/react-app/src/components/example1/Example1.js: Here you can modify the fontSize in the state, to achieve corresponding result.

Let me know if this solves your query.

Thanks.

  • Dinesh

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/chargebee/chargebee-checkout-samples/issues/8?email_source=notifications&email_token=AC4RKNITZVMID24VOBZ24C3QJCBWTA5CNFSM4IVOWVTKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD6NLAAQ#issuecomment-530231298, or mute the thread https://github.com/notifications/unsubscribe-auth/AC4RKNN6DCLXPYAVDILX433QJCBWTANCNFSM4IVOWVTA .

cb-dinesh commented 5 years ago

Support for media queries is already in our backlog. But there is no fixed ETA as of now. :)

cb-dinesh commented 5 years ago

Closing this issue. Please raise a new issue if there are any problems. Thanks.