From c0ea9d22b775ea5c29a81d16f79c0dc28ee37506 Mon Sep 17 00:00:00 2001
From: Joas Schilling <coding@schilljs.com>
Date: Tue, 20 Sep 2022 17:00:01 +0200
Subject: [PATCH] Fix reaction buttons due to remove CSS variable

Signed-off-by: Joas Schilling <coding@schilljs.com>
---
 .../MessagesList/MessagesGroup/Message/Message.vue       | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/components/MessagesList/MessagesGroup/Message/Message.vue b/src/components/MessagesList/MessagesGroup/Message/Message.vue
index 41497f55caf..25396c61111 100644
--- a/src/components/MessagesList/MessagesGroup/Message/Message.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/Message.vue
@@ -138,8 +138,8 @@ the main body of the message as well as a quote.
 					trigger="hover">
 					<NcButton v-if="simpleReactions[reaction]!== 0"
 						slot="trigger"
+						:type="userHasReacted(reaction) ? 'primary' : 'secondary'"
 						class="reaction-button"
-						:class="{'reaction-button__has-reacted': userHasReacted(reaction)}"
 						@click="handleReactionClick(reaction)">
 						{{ reaction }} {{ simpleReactions[reaction] }}
 					</NcButton>
@@ -977,16 +977,11 @@ export default {
 
 	margin: 2px;
 	height: 26px;
-	background-color: var(--color-main-background) !important;
-	margin-right: 8px !important;
+	padding: 0 6px !important;
 
 	&__emoji {
 		margin: 0 4px 0 0;
 	}
-
-	&__has-reacted {
-		background-color: var(--color-primary-element-lighter) !important;
-	}
 }
 
 .reaction-details {