Verstecken von benutzerdefinierten Nutzerfeldern auf der Vollbild-Anmeldeseite

[Richie (Richie Rich)]

Hallo zusammen.

Bevor wir die neue Introducing our new fullscreen signup and login pages (die großartig ist!) aktivieren, ist uns etwas aufgefallen, das wir gerne anpassen möchten.

Im aktuellen, modalbasierten Registrierungsprozess verwenden wir CSS, um alle unsere benutzerdefinierten Benutzerfelder im Modal auszublenden.

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

Das bedeutet, dass unseren Benutzern die minimale Anzahl von Feldern zur Registrierung angezeigt wird:

Die neue Anmeldeseite zeigt jedoch jedes einzelne benutzerdefinierte Feld an, das wir haben, und das sind, zu unserer eigenen Überraschung, ziemlich viele

Wie können wir die neue Vollbild-Anmeldeseite mit CSS anpassen, um alle unsere benutzerdefinierten Benutzerfelder auszublenden?

[dax (Daniela)]

Auf der vollständigen Seite müssen Sie die neue Klasse .signup-fullpage verwenden, um die darin enthaltenen Elemente mit CSS anzusprechen. Versuchen Sie es mit

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

[Richie (Richie Rich)]

Das hat nicht funktioniert, @dax. Habe ich es hier richtig angewendet?

[Richie (Richie Rich)]

@dax gibt es vielleicht eine andere Möglichkeit, wie das funktionieren könnte?

[dax (Daniela)]

Verwenden Sie vielleicht ein spezielles Theme/Theme-Komponente? Auf meiner Seite funktioniert dieser CSS-Code

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

ohne Probleme. Um ihn angewendet zu sehen, müssen Sie die Seite aktualisieren. Wie Sie hier sehen können, habe ich 2 verschiedene optionale Felder, und beide werden erfolgreich ausgeblendet, sobald das CSS aktiviert und die Seite aktualisiert wurde:

[Richie (Richie Rich)]

Hmm

Wenn ich diesen Code auf das CSS des Dunkelmodus anwende, funktioniert er nicht:

Wenn ich den Code auf den Hellmodus anwende, wird er im Dunkelmodus ausgeblendet:

Ist das ein Fehler? (Wenn ja, werde ich einen neuen Beitrag in Bug eröffnen) oder könnte es etwas Spezifisches mit meinem Discourse sein?

Danke @dax – das wird der Grund sein, warum es beim ersten Mal nicht funktioniert hat, da ich es nur auf den Dunkelmodus angewendet habe

[Moin]

@Richie Rich

Ist das ein Fehler? (Wenn ja, werde ich einen neuen Beitrag in Bug eröffnen) oder könnte es etwas Spezifisches mit meinem Discourse sein?

Welches ist das Standardthema des Forums? Haben Sie die Website-Einstellung default dark mode color scheme id konfiguriert? Haben Sie versucht, ein privates Browserfenster zu verwenden?

[Richie (Richie Rich)]

@Moin

Welches ist das Standardthema des Forums?

Hell.

@Moin

Haben Sie die Website-Einstellung default dark mode color scheme id konfiguriert?

Ja.

@Moin

Haben Sie versucht, ein privates Browserfenster zu verwenden?

Ja, immer

[Moin]

@Richie

Hell

Das ist der Grund, warum Sie dieses Thema bearbeiten mussten. Im Dunkelmodus wird ein anderes Farbschema/eine andere Farbpalette angewendet, aber es ist immer noch das helle Thema.

[Richie (Richie Rich)]

Interessante Erkenntnis, danke @Moin

Und nochmals danke @dax für das CSS