DEV: Add 'multiple' class to login-buttons when there are multiple btns ()

This commit is contained in:
Mark VanLandingham 2024-08-30 08:36:08 -05:00 committed by GitHub
parent 06fdd9af1f
commit 3e320ce225
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

@ -4,7 +4,7 @@ import { isWebauthnSupported } from "discourse/lib/webauthn";
import { findAll } from "discourse/models/login-method"; import { findAll } from "discourse/models/login-method";
import discourseComputed from "discourse-common/utils/decorators"; import discourseComputed from "discourse-common/utils/decorators";
@classNameBindings("hidden") @classNameBindings("hidden", "multiple")
export default class LoginButtons extends Component { export default class LoginButtons extends Component {
elementId = "login-buttons"; elementId = "login-buttons";
@ -17,6 +17,11 @@ export default class LoginButtons extends Component {
return buttonsCount === 0 && !showLoginWithEmailLink && !showPasskeysButton; return buttonsCount === 0 && !showLoginWithEmailLink && !showPasskeysButton;
} }
@discourseComputed("buttons.length")
multiple(buttonsCount) {
return buttonsCount > 1;
}
@discourseComputed @discourseComputed
buttons() { buttons() {
return findAll(); return findAll();