Nascondere i campi utente personalizzati dalla pagina di registrazione a schermo intero

[Richie (Richie Rich)]

Ciao a tutti.

Prima di abilitare la nuova pagina Introducing our new fullscreen signup and login pages (che è fantastica!), abbiamo notato qualcosa che vorremmo personalizzare.

Nell’attuale registrazione basata su modale, utilizziamo alcuni CSS per nascondere tutti i nostri Campi Utente personalizzati nella modale.

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

Ciò significa che ai nostri utenti vengono presentati il minor numero possibile di campi per registrarsi:

Tuttavia, la nuova pagina di registrazione mostra ogni singolo campo personalizzato che abbiamo, che per nostra stessa scelta, è piuttosto un bel po’

Come possiamo applicare alcune modifiche CSS alla nuova pagina di iscrizione a schermo intero per nascondere tutti i nostri campi utente personalizzati, per favore?

[dax (Daniela)]

Nella pagina completa, è necessario utilizzare la nuova classe .signup-fullpage per selezionare gli elementi al suo interno con CSS. Prova con

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

[Richie (Richie Rich)]

Non ha funzionato @dax, l’ho applicato correttamente qui?

[Richie (Richie Rich)]

@dax ci potrebbe essere un altro modo per farlo funzionare?

[dax (Daniela)]

Stai forse usando un tema speciale/componente tema? Sul mio sito, questo codice CSS

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

funziona senza problemi. Per vederlo applicato, devi aggiornare la pagina. Come puoi vedere qui, ho 2 campi opzionali diversi, ed entrambi sono nascosti con successo una volta abilitato il CSS e aggiornata la pagina:

[Richie (Richie Rich)]

Hmm

Se applico quel codice al CSS della modalità scura, non funziona:

Se applico il codice alla modalità chiara, allora lo nasconde in modalità scura:

È un bug? (Se sì, aprirò un nuovo post in Bug) o potrebbe essere qualcosa di specifico con il mio discourse?

Grazie @dax - questo è il motivo per cui non ha funzionato la prima volta poiché l’ho applicato solo alla modalità scura

[Moin]

@Richie

È un bug? (Se sì, aprirò un nuovo post nella Bug) o potrebbe essere qualcosa di specifico del mio discourse?

Qual è il tema predefinito del forum? Hai configurato l’impostazione del sito default dark mode color scheme id? Hai provato a usare una finestra del browser privata?

[Richie (Richie Rich)]

@Moin

Qual è il tema predefinito del forum?

Chiaro.

@Moin

Hai configurato l’impostazione del sito default dark mode color scheme id?

Sì.

@Moin

Hai provato a usare una finestra del browser privata?

Sì, sempre

[Moin]

@Richie

Luce

Questo è il motivo per cui hai dovuto modificare quel tema. In modalità scura, viene applicata una combinazione/palette di colori diversa, ma è ancora il tema chiaro.

[Richie (Richie Rich)]

Interessante spunto di riflessione, grazie @Moin

E grazie ancora @dax per il css