Fix shrinked horizontal separator (#9192)
Related issue: https://discord.com/channels/1130383047699738754/1317185369577492532/1317185369577492532. TL;DR: When used in a flex container, the separators gets hidden when the container becomes scrollable. We must ensure they can't shrink. --------- Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
committed by
GitHub
parent
e153168edb
commit
e1c99beaa4
@ -106,7 +106,7 @@ export const SignInUpGlobalScopeForm = () => {
|
||||
{authProviders.google && <SignInUpWithGoogle />}
|
||||
{authProviders.microsoft && <SignInUpWithMicrosoft />}
|
||||
{(authProviders.google || authProviders.microsoft) && (
|
||||
<HorizontalSeparator visible />
|
||||
<HorizontalSeparator />
|
||||
)}
|
||||
{/* eslint-disable-next-line react/jsx-props-no-spreading */}
|
||||
<FormProvider {...form}>
|
||||
|
||||
@ -37,7 +37,7 @@ export const SignInUpWorkspaceScopeForm = () => {
|
||||
workspaceAuthProviders.microsoft ||
|
||||
workspaceAuthProviders.sso.length > 0) &&
|
||||
workspaceAuthProviders.password ? (
|
||||
<HorizontalSeparator visible />
|
||||
<HorizontalSeparator />
|
||||
) : null}
|
||||
|
||||
{workspaceAuthProviders.password && <SignInUpWithCredentials />}
|
||||
|
||||
Reference in New Issue
Block a user