wullvie_code | Stripe Developers | Page 1

earnest gulchBOT Jan 23, 2025, 8:19 PM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1332082193538875536

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

wullvie_api, 23 hours ago, 54 messages

analog tapir Jan 23, 2025, 8:19 PM

#

    publishableKey: MY_KEY,
    fetchClientSecret: fetchSecret,
    fonts: [{ cssSrc: `https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap` }],
    appearance: {
        overlays: 'drawer',
        variables: {
            ...
            colorBorder: 'transparent',
            colorPrimary: `#5767F1`,
            fontFamily: 'Noto Sans KR',
            headingXlFontWeight: '400',
            bodyMdFontWeight: '400',
            bodySmFontWeight: '400',
            labelMdFontWeight: '400',
            labelSmFontWeight: '400',
            headingMdFontWeight: '400',
            headingSmFontWeight: '400',
            headingLgFontWeight: '400',
            headingXsFontWeight: '400',
            buttonBorderRadius: '10px',
            spacingUnit: '12px',
            colorText: '#1b222f',
            colorSecondaryText: '#1b222f',
            colorDanger: '#DC4F4F',
            ...
        },
    },
})```

rich hollyBOT Jan 23, 2025, 8:21 PM

#

gaunt stream Jan 23, 2025, 8:21 PM

#

Hi there 👋 taking a look

analog tapir Jan 23, 2025, 8:21 PM

#

this is the padding I'm referring to

#

hey toby - ok thanks

gaunt stream Jan 23, 2025, 8:23 PM

#

Looking through the list of supported variables for use there:
https://docs.stripe.com/connect/embedded-appearance-options

The only jumping out to me that seems like it might help with that, is the spacingUnit one. I see that in the code you shared, what did you see when you started adjusting that?

#

Hm, but looks like I can't set that under 8px on our test page.

analog tapir Jan 23, 2025, 8:24 PM

#

That spacing unit is only adjusting the row gap ish spacing - between the main title, message, and button. it doesn't behave quit as it should, but that's all it's changing

#

the highlighted node in the photo is like 10+ children in from anything I have access to on my side directly. the parent div has an auto generated tag data-testid="account-onboarding-container"

#

#

(highlighted div there is the one with the ~60px padding or w/e it is

gaunt stream Jan 23, 2025, 8:27 PM

#

Yeah, I'm not spotting any way to do this with what we offer. I can certainly file feedback with our teams indicating this is something you'd be interested in seeing offered in the future.

analog tapir Jan 23, 2025, 8:28 PM

#

ok. yeah it might be helpful since the current approach "works", but really doesn't look that great visually. the huge spacing is really awkward lol

gaunt stream Jan 23, 2025, 8:28 PM

#

Totally understand!

analog tapir Jan 23, 2025, 8:29 PM

#

appreaciate the help though! maybe they'll add to the appearance params some day lol

#wullvie_code