Hola equipo:
Hemos personalizado el formulario de creación de cuenta normal de Discourse utilizando un diseño de cuadrícula, como se muestra a continuación:
Actualmente, hemos ocultado el nombre completo utilizando el siguiente SCSS:
.d-modal.create-account .login-form {
form {
.input-group:nth-child(3) {
display:none !important;
}
}
}
Ocultamos los campos de nombre completo utilizando el selector nth-child, ya que no hay una clase única para el div input-group mencionado a continuación:
Pero ahora hemos habilitado el inicio de sesión con Google Oauth2, en el que el campo de nombre completo está en la cuarta posición. Por lo tanto, la CSS actual rompe la creación de cuenta para el formulario de creación de cuenta del proveedor de autenticación, como se muestra a continuación:
¿Cómo puedo identificar si el formulario actual es un formulario de creación de cuenta normal o un formulario de proveedor de autenticación (como Google OAuth2) usando CSS? Para poder aplicar CSS a los campos en consecuencia.
Problema similar para el campo de contraseña.
Gracias,
Saurabh
