From 610d5bfe6df0cf422e756793dc55d9ea26d56842 Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@nodebb.org>
Date: Wed, 15 Jun 2022 12:10:29 -0400
Subject: [PATCH] fix: nodebb/nodebb#10699, fab class conflict with fontawesome

---
 less/account.less                     | 4 ++--
 less/modules/fab.less                 | 6 +++---
 less/modules/usercard.less            | 2 +-
 templates/modules/usercard.tpl        | 4 ++--
 templates/partials/account/header.tpl | 2 +-
 templates/partials/account/menu.tpl   | 2 +-
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/less/account.less b/less/account.less
index fc6b91c..7072899 100644
--- a/less/account.less
+++ b/less/account.less
@@ -45,7 +45,7 @@
 			border: 4px solid white;
 			border-radius: 50%;
 
-			.fab.btn-morph {
+			.persona-fab.btn-morph {
 				top: 93px;
 				right: 4px;
 				position: absolute;
@@ -311,7 +311,7 @@
 		background-color: lighten(@brand-primary, 10%);
 	}
 
-	.fab {
+	.persona-fab {
 		color: white;
 		font-size: 20px;
 	}
diff --git a/less/modules/fab.less b/less/modules/fab.less
index 4afcdd1..59111d1 100644
--- a/less/modules/fab.less
+++ b/less/modules/fab.less
@@ -1,4 +1,4 @@
-.fab {
+.persona-fab {
 	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.156863), 0px 2px 10px 0px rgba(0, 0, 0, 0.117647);
 
 	background-color: @brand-primary;
@@ -11,11 +11,11 @@
 	width: 55.5px;
 }
 
-.btn-group.open .dropdown-toggle.fab {
+.btn-group.open .dropdown-toggle.persona-fab {
 	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.156863), 0px 2px 10px 0px rgba(0, 0, 0, 0.117647);
 }
 
-.fab.btn-morph {
+.persona-fab.btn-morph {
 	padding: 0;
 
 	&.heart {
diff --git a/less/modules/usercard.less b/less/modules/usercard.less
index da7b72b..f75a3be 100644
--- a/less/modules/usercard.less
+++ b/less/modules/usercard.less
@@ -57,7 +57,7 @@
 		}
 	}
 
-	.fab.btn-morph {
+	.persona-fab.btn-morph {
 		top: 75px;
 		right: 15px;
 		position: absolute;
diff --git a/templates/modules/usercard.tpl b/templates/modules/usercard.tpl
index 704cac7..37ae439 100644
--- a/templates/modules/usercard.tpl
+++ b/templates/modules/usercard.tpl
@@ -24,8 +24,8 @@
 				<small>[[global:reputation]]</small>
 				<span class="human-readable-number">{reputation}</span>
 			</div>
-			
-			<button class="btn-morph fab <!-- IF banned --> hide<!-- ENDIF banned -->">
+
+			<button class="btn-morph persona-fab <!-- IF banned --> hide<!-- ENDIF banned -->">
 				<span>
 					<span class="s1"></span>
 					<span class="s2"></span>
diff --git a/templates/partials/account/header.tpl b/templates/partials/account/header.tpl
index b024a1c..27f5073 100644
--- a/templates/partials/account/header.tpl
+++ b/templates/partials/account/header.tpl
@@ -17,7 +17,7 @@
 
 		<!-- IF loggedIn -->
 		<!-- IF !isSelf -->
-		<button class="btn-morph fab <!-- IF isFollowing -->heart<!-- ELSE -->plus<!-- ENDIF isFollowing -->" title="<!-- IF isFollowing -->[[global:unfollow]]<!-- ELSE -->[[global:follow]]<!-- ENDIF isFollowing -->">
+		<button class="btn-morph persona-fab <!-- IF isFollowing -->heart<!-- ELSE -->plus<!-- ENDIF isFollowing -->" title="<!-- IF isFollowing -->[[global:unfollow]]<!-- ELSE -->[[global:follow]]<!-- ENDIF isFollowing -->">
 			<span>
 				<span class="s1"></span>
 				<span class="s2"></span>
diff --git a/templates/partials/account/menu.tpl b/templates/partials/account/menu.tpl
index 01bc093..d385970 100644
--- a/templates/partials/account/menu.tpl
+++ b/templates/partials/account/menu.tpl
@@ -1,5 +1,5 @@
 <div class="btn-group account-fab bottom-sheet">
-	<button type="button" class="fab dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+	<button type="button" class="persona-fab dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 		<i class="fa fa-ellipsis-v"></i>
 	</button>
 	<ul class="dropdown-menu dropdown-menu-right">