Hide the full name field in the Create account form

Dev
1

Hi team,

We have customized the regular Discourse create account form using a grid layout as shown below:

image
image828×555 24.9 KB

Currently, we have hidden the full name using the below SCSS:

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

We hide full name fields using nth-child selector as there is no unique class for the below mention input-group div:

But now we have enabled the Google Oauth2 login on which the full name field is at the 4th position. So current CSS breaks the Create account for the Auth provider create account form as shown below:

image
image826×574 28.3 KB

How I can identify whether the current form is a Regular create account form or Auth provider (such as google oauth2) form using CSS? So I can apply CSS for the fields accordingly.

Similar issue for the Password field.

Thanks,
Saurabh

1 Like
2

The CSS :has selector may work for your use case:

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

Thanks for the reply,
But :has selector is not working.

1 Like
9

There has been a little back and forth over PM about this one, but it has resulted in classes being added to the create-account modal. :partying_face: :balloon:

2 Likes