From 3e320ce225a4dd557abd044ef30406e3b66584ad Mon Sep 17 00:00:00 2001
From: Mark VanLandingham <markvanlan@gmail.com>
Date: Fri, 30 Aug 2024 08:36:08 -0500
Subject: [PATCH] DEV: Add 'multiple' class to login-buttons when there are
 multiple btns (#28649)

---
 .../javascripts/discourse/app/components/login-buttons.js  | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

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