#Mr Stinky Pants
short briar
olive crater
do you know the apperance api?
when styling the payment element etc
i mean you can get around it but you could fix it for future
small echo
Do you mean fontLineHeight doesn't work? Do you have a website where we could reproduce?
olive crater
its not live at the moment
i can show screenshot of f12
this is the settings
other items work as expected
const appearance = {
variables: {
colorPrimary: '#0d6efd',
colorBackground: isDark ? "#212529" : "#ffffff",
colorText: isDark ? "#adb5bd" : "#212529",
colorTextPlaceholder: isDark ? "rgba(173, 181, 189, 0.75)" : "rgba(33, 37, 41, 0.75)",
colorDanger: '#df1b41',
fontFamily: 'system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"',
fontLineHeight:"1.5",//no affect
spacingUnit: '2px',
borderRadius: '.375rem',
spacingGridRow: "1rem"
},
small echo
Let me check
olive crater
you can see here line height is not applied
also tried using 1.5 as a float but same
works if using rules:
rules: {
".Label": {
marginBottom: ".5rem",
lineHeight: "1.5"
},
".Input": {
padding: ".375rem .75rem",
lineHeight: "1.5"
}
}
small echo
What version of stripe.js do you have?
olive crater
3
small echo
I see. I can reproduce it as well. Let me check what could be the issue.
olive crater
i mean it does set the css variable
i guess you just havent applied that line height to the body
small echo
Thanks for bringing this up. I will take it to an appropriate team.
olive crater
ok cheers