Dropdown-Felder-Platzhalter auf der Anmeldeseite kollidiert mit (Option auswählen) Text auf Mobilgeräten

Ich habe gerade unseren Anmeldevorgang mobil getestet, da diese Woche mit einer großen Anzahl von Anmeldungen zu rechnen ist.

Auf Mobilgeräten wird der Feldname in Dropdown-Feldern über dem Text (eine Option auswählen) angezeigt:

Ich glaube, es sollte einige Pixel höher platziert werden, um es aus dem Weg zu räumen, so wie hier:

Leider verdeckt dies auch die vom Benutzer ausgewählten Optionen, was die Anmeldung über Mobilgeräte zu einer sehr umständlichen Erfahrung macht, wenn Sie mehrere benutzerdefinierte Felder haben.

Dies ist auch der Fall, wenn alle Themes/Komponenten deaktiviert sind.

Hier ist ein CSS-Patch, der mir geholfen hat:

// Temporäre Behebung von Dropdown- und Multiselect-Labels
.create-account #login-form .input-group .user-field.dropdown label.control-label.alt-placeholder {
    top:-8px!important;
}
.create-account #login-form .input-group .user-field.multiselect label.control-label.alt-placeholder {
    top:-8px!important;
}
2 „Gefällt mir“