Verbergen Sie das Feld Vollständiger Name im Formular Konto erstellen

Entwickler
1

Hallo Team,

Wir haben das reguläre Discourse-Formular zum Erstellen eines Kontos wie unten gezeigt mit einem Rasterlayout angepasst:

image
image828×555 24.9 KB

Derzeit haben wir den vollständigen Namen mit dem folgenden SCSS ausgeblendet:

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

Wir blenden die Felder für den vollständigen Namen mit dem nth-child-Selektor aus, da es keine eindeutige Klasse für den unten erwähnten input-group-Div gibt:

Aber jetzt haben wir die Google Oauth2-Anmeldung aktiviert, bei der sich das Feld für den vollständigen Namen an 4. Stelle befindet. Daher bricht die aktuelle CSS die Erstellung eines Kontos für das Erstellen eines Kontos für den Auth-Anbieter, wie unten gezeigt:

image
image826×574 28.3 KB

Wie kann ich mit CSS identifizieren, ob das aktuelle Formular ein reguläres Formular zum Erstellen eines Kontos oder ein Formular eines Auth-Anbieters (wie Google OAuth2) ist? So kann ich die CSS für die Felder entsprechend anwenden.

Ähnliches Problem für das Passwortfeld.

Danke,
Saurabh

1 „Gefällt mir“
2

Der CSS-Selektor :has könnte für Ihren Anwendungsfall funktionieren:

.input-group:has(#new-account-name) { ... }
1 „Gefällt mir“
3

Danke für die Antwort,
aber der :has-Selektor funktioniert nicht.

1 „Gefällt mir“
9

Es gab ein kleines Hin und Her per PM deswegen, aber es hat dazu geführt, dass Klassen zum create-account-Modal hinzugefügt wurden. :partying_face: :balloon:

2 „Gefällt mir“