Cannot remove divider above Privacy and Terms links in core-2

danilofuchs commented 2 months ago

Preliminary Checks

[X] I have reviewed the documentation: https://clerk.com/docs
[X] I have searched for existing issues: https://github.com/clerk/javascript/issues
[X] I have not already reached out to Clerk support via email or Discord (if you have, no need to open an issue here)
[X] This issue is not a question, general help request, or anything other than a bug report directly related to Clerk. Please ask questions in our Discord community: https://clerk.com/discord.

Reproduction

Publishable key

pk_test_Y3JlZGlibGUtcmFiYml0LTUuY2xlcmsuYWNjb3VudHMuZGV2JA

Description

I want to remove this divider above Privacy and Terms links at the `` component, but there is no exposed class for it.

Environment

`@clerk/nextjs 5.0.2`

panteliselef commented 2 months ago

Hey @danilofuchs could you give this a try ?

<ClerkProvider
  appearance={{
    elements: {
      footer: {
        '>:nth-of-type(2)': {
          borderTopWidth: '0px',
        },
      },
    },
  }}
>

danilofuchs commented 2 months ago

This works @panteliselef! Not sure if this is the best API though

panteliselef commented 2 months ago

That is correct, having said that tho, due to css specificity simply introducing a class will not fix the issue, we would have to remove the previous css rule which we are considering a breaking change.

panteliselef commented 1 month ago

I've added an internal ticket for this for our next major, thanks for reporting

clerk / javascript