From 364e9fdfa1a2cca0661652327442c841eb1f282a Mon Sep 17 00:00:00 2001
From: Azmi TOUIL <42934070+AzmiTouil@users.noreply.github.com>
Date: Fri, 6 Dec 2024 17:29:09 +0100
Subject: [PATCH] fix: Activity Reactions display issue on certain screen
 resolutions - MEED-7823 - Meeds-io/meeds#2593 (#566)

This PR will fix the display of activity reaction in some screen
resolution
---
 .../main/webapp/vue-app/kudos/components/KudosButton.vue   | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue b/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue
index 6f1254375..e0a14a831 100644
--- a/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue
+++ b/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue
@@ -73,6 +73,10 @@ export default {
       type: Object,
       default: null,
     },
+    isMobile: {
+      type: Boolean,
+      default: () => false
+    },
   },
   data: () => ({
     linkedKudosList: [],
@@ -137,9 +141,6 @@ export default {
       }
       return false;
     },
-    isMobile() {
-      return this.$vuetify.breakpoint.name === 'sm' || this.$vuetify.breakpoint.name === 'xs';
-    },
   },
   created() {
     this.$root.$on('activity-comment-created', this.resetActivity);