Skip to content

[Docs][UI] - Fix unclickable links in tabbed content #883

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
madster456 merged 10 commits into from
Sep 15, 2025
Merged

[Docs][UI] - Fix unclickable links in tabbed content #883

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
46d0279
Move all callback URls to codeblock
madster456 Sep 6, 2025
b4dba1d
Invisible overlay no longer blocks link clicks
madster456 Sep 6, 2025
711d8c4
Merge dev into docs/ui/fix-unselectable-text
N2D4 Sep 9, 2025
467c6ce
Merge dev into docs/ui/fix-unselectable-text
N2D4 Sep 10, 2025
ba4f784
Merge dev into docs/ui/fix-unselectable-text
N2D4 Sep 11, 2025
e0f3014
Merge dev into docs/ui/fix-unselectable-text
N2D4 Sep 12, 2025
da7b6b9
Merge branch 'dev' into docs/ui/fix-unselectable-text
madster456 Sep 12, 2025
78c2ac7
Merge dev into docs/ui/fix-unselectable-text
N2D4 Sep 13, 2025
4d54cf7
Merge branch 'dev' into docs/ui/fix-unselectable-text
madster456 Sep 14, 2025
1bc5c4e
Merge dev into docs/ui/fix-unselectable-text
N2D4 Sep 15, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/src/components/ui/tabs.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ const TabsContent = React.forwardRef<
{...props}
className={cn(
"relative p-3 text-sm bg-fd-background outline-none",
"before:absolute before:inset-0 before:opacity-0 before:transition-opacity before:duration-300",
"before:absolute before:inset-0 before:opacity-0 before:transition-opacity before:duration-300 before:pointer-events-none",
"focus-visible:before:opacity-100",
props.className,
)}
Expand Down
117 changes: 72 additions & 45 deletions docs/templates/getting-started/production.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,59 +48,86 @@ To use your own OAuth provider setups in production, follow these steps for each
<TabsTrigger value="x">X</TabsTrigger>
</TabsList>

<TabsContent value="google">
[Google OAuth Setup Guide](https://developers.google.com/identity/protocols/oauth2#1.-obtain-oauth-2.0-credentials-from-the-dynamic_data.setvar.console_name-.)
Callback URL:
`https://api.stack-auth.com/api/v1/auth/oauth/callback/google`
</TabsContent>
<TabsContent value="google">
[Google OAuth Setup Guide](https://developers.google.com/identity/protocols/oauth2#1.-obtain-oauth-2.0-credentials-from-the-dynamic_data.setvar.console_name-.)

Callback URL:
```
https://api.stack-auth.com/api/v1/auth/oauth/callback/google
```
</TabsContent>

<TabsContent value="github">
[GitHub OAuth Setup Guide](https://docs.github.com/en/apps/oauth-apps/building-oauth-apps/creating-an-oauth-app)
Callback URL:
`https://api.stack-auth.com/api/v1/auth/oauth/callback/github`
</TabsContent>
<TabsContent value="github">
[GitHub OAuth Setup Guide](https://docs.github.com/en/apps/oauth-apps/building-oauth-apps/creating-an-oauth-app)

Callback URL:
```
https://api.stack-auth.com/api/v1/auth/oauth/callback/github
```
</TabsContent>

<TabsContent value="facebook">
[Facebook OAuth Setup Guide](https://developers.facebook.com/docs/development/create-an-app/facebook-login-use-case)
Callback URL:
`https://api.stack-auth.com/api/v1/auth/oauth/callback/facebook`
</TabsContent>
<TabsContent value="facebook">
[Facebook OAuth Setup Guide](https://developers.facebook.com/docs/development/create-an-app/facebook-login-use-case)

Callback URL:
```
https://api.stack-auth.com/api/v1/auth/oauth/callback/facebook
```
</TabsContent>

<TabsContent value="microsoft">
[Microsoft Azure OAuth Setup Guide](https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-register-app)
Callback URL:
`https://api.stack-auth.com/api/v1/auth/oauth/callback/microsoft`
</TabsContent>
<TabsContent value="microsoft">
[Microsoft Azure OAuth Setup Guide](https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-register-app)

Callback URL:
```
https://api.stack-auth.com/api/v1/auth/oauth/callback/microsoft
```
</TabsContent>

<TabsContent value="spotify">
[Spotify OAuth Setup Guide](https://developer.spotify.com/documentation/general/guides/app-settings/)
Callback URL:
`https://api.stack-auth.com/api/v1/auth/oauth/callback/spotify`
</TabsContent>
<TabsContent value="spotify">
[Spotify OAuth Setup Guide](https://developer.spotify.com/documentation/general/guides/app-settings/)

Callback URL:
```
https://api.stack-auth.com/api/v1/auth/oauth/callback/spotify
```
</TabsContent>

<TabsContent value="gitlab">
[Gitlab OAuth Setup Guide](https://docs.gitlab.com/ee/integration/oauth_provider.html)
Callback URL:
`https://api.stack-auth.com/api/v1/auth/oauth/callback/gitlab`
</TabsContent>
<TabsContent value="gitlab">
[Gitlab OAuth Setup Guide](https://docs.gitlab.com/ee/integration/oauth_provider.html)

Callback URL:
```
https://api.stack-auth.com/api/v1/auth/oauth/callback/gitlab
```
</TabsContent>

<TabsContent value="bitbucket">
[Bitbucket OAuth Setup Guide](https://support.atlassian.com/bitbucket-cloud/docs/use-oauth-on-bitbucket-cloud)
Callback URL:
`https://api.stack-auth.com/api/v1/auth/oauth/callback/bitbucket`
</TabsContent>
<TabsContent value="bitbucket">
[Bitbucket OAuth Setup Guide](https://support.atlassian.com/bitbucket-cloud/docs/use-oauth-on-bitbucket-cloud)

Callback URL:
```
https://api.stack-auth.com/api/v1/auth/oauth/callback/bitbucket
```
</TabsContent>

<TabsContent value="linkedin">
[LinkedIn OAuth Setup Guide](https://learn.microsoft.com/en-us/linkedin/shared/authentication/authorization-code-flow?context=linkedin%2Fcontext&tabs=HTTPS1)
Callback URL:
`https://api.stack-auth.com/api/v1/auth/oauth/callback/linkedin`
</TabsContent>
<TabsContent value="linkedin">
[LinkedIn OAuth Setup Guide](https://learn.microsoft.com/en-us/linkedin/shared/authentication/authorization-code-flow?context=linkedin%2Fcontext&tabs=HTTPS1)

Callback URL:
```
https://api.stack-auth.com/api/v1/auth/oauth/callback/linkedin
```
</TabsContent>

<TabsContent value="x">
[X OAuth Setup Guide](https://developer.x.com/en/docs/apps/overview)
Callback URL:
`https://api.stack-auth.com/api/v1/auth/oauth/callback/x`
</TabsContent>
<TabsContent value="x">
[X OAuth Setup Guide](https://developer.x.com/en/docs/apps/overview)

Callback URL:
```
https://api.stack-auth.com/api/v1/auth/oauth/callback/x
```
</TabsContent>
</Tabs>
<Step>
## Enter OAuth Credentials
Expand Down