Nascondi il campo nome completo nel modulo Crea account

Sviluppatore
1

Ciao team,

Abbiamo personalizzato il normale modulo di creazione account di Discourse utilizzando un layout a griglia come mostrato di seguito:

image
image828×555 24.9 KB

Attualmente, abbiamo nascosto il nome completo utilizzando il seguente SCSS:

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

Nascondiamo i campi del nome completo utilizzando il selettore nth-child poiché non esiste una classe univoca per la div input-group menzionata di seguito:

Ma ora abbiamo abilitato l’accesso Google Oauth2, per cui il campo del nome completo si trova in quarta posizione. Pertanto, il CSS corrente interrompe la creazione dell’account per il modulo di creazione account del provider di autenticazione, come mostrato di seguito:

image
image826×574 28.3 KB

Come posso identificare se il modulo corrente è un modulo di creazione account regolare o un modulo del provider di autenticazione (come Google OAuth2) utilizzando CSS? In modo da poter applicare il CSS ai campi di conseguenza.

Problema simile per il campo Password.

Grazie,
Saurabh

1 Mi Piace
2

Il selettore CSS :has potrebbe funzionare per il tuo caso d’uso:

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

Grazie per la risposta,
ma il selettore :has non funziona.

1 Mi Piace
9

C’è stato un po’ di tira e molla in privato su questo, ma ha portato all’aggiunta di classi alla modale di creazione account. :partying_face: :balloon:

2 Mi Piace