Ocultando campos personalizados de usuário na página de inscrição em tela cheia

[Richie (Richie Rich)]

Olá a todos.

Antes de habilitarmos a nova página de inscrição e login em tela cheia Introducing our new fullscreen signup and login pages (que é ótima!), notamos algo que gostaríamos de personalizar.

Na inscrição modal atual, usamos CSS para ocultar todos os nossos Campos de Usuário personalizados no modal.

.d-modal.create-account div[class*="user-field-"] {
    display: none;
}
.create-account .user-fields .user-field {
    padding-bottom: 20px;
}

Isso significa que nossos usuários são apresentados com o mínimo de campos para se registrar:

No entanto, a nova página de inscrição está mostrando todos os nossos campos personalizados, que, por nossa própria conta, são muitos

Como podemos aplicar algumas alterações de CSS à nova página de inscrição em tela cheia para ocultar todos os nossos campos de usuário personalizados, por favor?

[dax (Daniela)]

Na página inteira, você precisa usar a nova classe .signup-fullpage para segmentar os elementos dentro dela com CSS. Tente com

.signup-fullpage div[class*="user-field-"] {
    display: none;
}

[Richie (Richie Rich)]

Isso não funcionou @dax , apliquei corretamente aqui?

[Richie (Richie Rich)]

@dax pode haver outra forma de isso funcionar?

[dax (Daniela)]

Você está usando algum tema/componente de tema especial? No meu site, este código CSS

.signup-fullpage div[class*="user-field-"] {
    display: none;
}

funciona sem problemas. Para vê-lo aplicado, você precisa atualizar a página. Como você pode ver aqui, tenho 2 campos opcionais diferentes, e ambos são ocultados com sucesso assim que o CSS é ativado e a página é atualizada:

[Richie (Richie Rich)]

Hmm

Se eu aplicar esse código ao CSS do modo escuro, ele não funciona:

Se eu aplicar o código ao modo claro, ele então o oculta no modo escuro:

Isso é um bug? (Se for, abrirei uma nova postagem em Bug) ou pode ser algo específico com o meu discourse?

Obrigado @dax - isso explica por que não funcionou da primeira vez, pois eu o apliquei apenas ao modo escuro

[Moin]

@Richie

Isso é um bug? (Se sim, abrirei um novo post em Bug) ou pode ser algo específico do meu discourse?

Qual é o tema padrão do fórum? Você configurou a configuração do site default dark mode color scheme id? Você tentou usar uma janela de navegador privada?

[Richie (Richie Rich)]

@Moin

Qual é o tema padrão do fórum?

Claro.

@Moin

Você configurou a configuração do site default dark mode color scheme id?

Sim.

@Moin

Você tentou usar uma janela privada do navegador?

Sim, sempre

[Moin]

@Richie

Claro

Esse é o motivo pelo qual você teve que editar esse tema. No modo escuro, um esquema de cores/paleta diferente é aplicado, mas ainda é o tema claro.

[Richie (Richie Rich)]

Insight interessante, obrigado @Moin

E obrigado novamente @dax pelo CSS