Ocultando campos personalizados de usuario en la página de registro en pantalla completa

[Richie (Richie Rich)]

Hola a todos.

Antes de habilitar la nueva Introducing our new fullscreen signup and login pages (¡que es genial!), hemos detectado algo que nos gustaría personalizar.

En el registro modal actual, usamos CSS para ocultar todos nuestros campos de usuario personalizados en el modal.

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

Esto significa que a nuestros usuarios se les presenta la cantidad mínima de campos para registrarse:

Sin embargo, la nueva página de registro muestra todos nuestros campos personalizados, que, por nuestra propia culpa, son bastantes

¿Cómo podemos aplicar algunos cambios de CSS a la nueva página de registro a pantalla completa para ocultar todos nuestros campos de usuario personalizados, por favor?

[dax (Daniela)]

En la página completa, debes usar la nueva clase .signup-fullpage para seleccionar los elementos dentro de ella con CSS. Intenta con

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

[Richie (Richie Rich)]

Esto no funcionó @dax, ¿lo he aplicado correctamente aquí?

[Richie (Richie Rich)]

@dax ¿podría haber otra forma de que esto funcione?

[dax (Daniela)]

¿Quizás estás usando algún tema/componente de tema especial? En mi sitio, este código CSS

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

funciona sin problemas. Para verlo aplicado, necesitas refrescar la página. Como puedes ver aquí, tengo 2 campos opcionales diferentes, y ambos se ocultan con éxito una vez que se habilita el CSS y se refresca la página:

[Richie (Richie Rich)]

Hmm

Si aplico ese código al CSS del modo oscuro, no funciona:

Si aplico el código al modo claro, entonces lo oculta en el modo oscuro:

¿Es un error? (Si es así, abriré una nueva publicación en Bug) o podría ser algo específico de mi discourse?

Gracias @dax - esto explicará por qué no funcionó la primera vez, ya que solo lo apliqué al modo oscuro

[Moin]

@Richie

¿Es esto un error? (Si es así, abriré una nueva publicación en la categoría Bug) ¿o podría ser algo específico de mi discourse?

¿Cuál es el tema predeterminado del foro? ¿Configuraste el ajuste del sitio default dark mode color scheme id? ¿Intentaste usar una ventana privada del navegador?

[Richie (Richie Rich)]

@Moin

¿Cuál es el tema predeterminado del foro?

Claro.

@Moin

¿Configuraste el ajuste del sitio default dark mode color scheme id?

Sí.

@Moin

¿Intentaste usar una ventana privada del navegador?

Sí, siempre

[Moin]

@Richie

Claro

Esa es la razón por la que tuviste que editar ese tema. En modo oscuro, se aplica un esquema de colores/paleta diferente, pero sigue siendo el tema claro.

[Richie (Richie Rich)]

Interesante perspectiva, gracias @Moin

Y gracias de nuevo @dax por el CSS