Ocultar o campo nome completo no formulário Criar conta

Dev
1

Olá equipe,

Personalizamos o formulário regular de criação de conta do Discourse usando um layout de grade, como mostrado abaixo:

image
image828×555 24.9 KB

Atualmente, ocultamos o nome completo usando o seguinte SCSS:

.d-modal.create-account .login-form {
   form {
        .input-group:nth-child(3)
            display:none !important;
        }
   }
}

Ocultamos os campos de nome completo usando o seletor nth-child, pois não há uma classe exclusiva para a div input-group mencionada abaixo:

Mas agora ativamos o login Google Oauth2, no qual o campo de nome completo está na 4ª posição. Portanto, o CSS atual quebra a criação de conta para o formulário de criação de conta do provedor de autenticação, como mostrado abaixo:

image
image826×574 28.3 KB

Como posso identificar se o formulário atual é um formulário regular de criação de conta ou um formulário de provedor de autenticação (como o Google OAuth2) usando CSS? Assim, posso aplicar o CSS para os campos de acordo.

Problema semelhante para o campo Senha.

Obrigado,
Saurabh

1 curtida
2

O seletor CSS :has pode funcionar para o seu caso de uso:

.input-group:has(#new-account-name) { ... }
1 curtida
3

Obrigado pela resposta,
mas o seletor :has não está funcionando.

1 curtida
9

Houve um pouco de idas e vindas por PM sobre este, mas resultou na adição de classes ao modal de criação de conta. :partying_face: :balloon:

2 curtidas