Masquer les champs utilisateur personnalisés sur la page d'inscription en plein écran

[Richie (Richie Rich)]

Salut tout le monde.

Avant d’activer la nouvelle page Introducing our new fullscreen signup and login pages (qui est géniale !), nous avons repéré quelque chose que nous aimerions personnaliser.

Dans l’inscription modale actuelle, nous utilisons du CSS pour masquer tous nos champs utilisateur personnalisés dans la fenêtre modale.

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

Cela signifie que nos utilisateurs se voient présenter le minimum de champs pour s’inscrire :

Cependant, la nouvelle page d’inscription affiche tous nos champs personnalisés, ce qui, de notre propre fait, est plutôt beaucoup

Comment pouvons-nous appliquer des modifications CSS à la nouvelle page d’inscription plein écran pour masquer tous nos champs utilisateur personnalisés, s’il vous plaît ?

[dax (Daniela)]

Dans la page complète, vous devez utiliser la nouvelle classe .signup-fullpage pour cibler les éléments qu’elle contient avec CSS. Essayez avec

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

[Richie (Richie Rich)]

Ça n’a pas fonctionné @dax , est-ce que je l’ai appliqué correctement ici ?

[Richie (Richie Rich)]

@dax y aurait-il une autre façon de faire fonctionner cela ?

[dax (Daniela)]

Utilisez-vous peut-être un thème spécial/composant de thème ? Sur mon site, ce code CSS

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

fonctionne sans aucun problème. Pour le voir appliqué, vous devez rafraîchir la page. Comme vous pouvez le voir ici, j’ai 2 champs facultatifs différents, et tous deux sont masqués avec succès une fois que le CSS est activé et que la page est rafraîchie :

[Richie (Richie Rich)]

Hmm

Si j’applique ce code au CSS du mode sombre, cela ne fonctionne pas :

Si j’applique le code au mode clair, cela le masque ensuite en mode sombre :

Est-ce un bug ? (Si oui, je créerai un nouveau post dans Bug) ou pourrait-il s’agir de quelque chose de spécifique à mon discourse ?

Merci @dax - c’est pourquoi cela n’a pas fonctionné la première fois car je ne l’ai appliqué qu’au mode sombre

[Moin]

@Richie

Est-ce un bug ? (Si oui, je créerai un nouveau message dans la catégorie Bug) ou est-ce quelque chose de spécifique à mon discourse ?

Quel est le thème par défaut du forum ? Avez-vous configuré le paramètre du site default dark mode color scheme id ? Avez-vous essayé d’utiliser une fenêtre de navigateur privée ?

[Richie (Richie Rich)]

@Moin

Quel est le thème par défaut du forum ?

Clair.

@Moin

Avez-vous configuré le paramètre du site default dark mode color scheme id ?

Oui.

@Moin

Avez-vous essayé d’utiliser une fenêtre de navigateur privée ?

Oui, toujours

[Moin]

@Richie

Lumière

C’est la raison pour laquelle vous avez dû modifier ce thème. En mode sombre, un schéma de couleurs/une palette différent(e) est appliqué(e), mais il s’agit toujours du thème clair.

[Richie (Richie Rich)]

Insight intéressant, merci @Moin

Et encore merci @dax pour le css

[system (system) A fermé ce sujet ()]

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.