Merge pull request #13842 from nextcloud/bugfix/noid/emoji-font-for-r…

…eaction

Bugfix/noid/emoji font for reaction

src/components/MessagesList/MessagesGroup/Message/MessagePart/Reactions.vue

@@ -17,7 +17,7 @@
 				<NcButton :type="userHasReacted(reaction) ? 'primary' : 'secondary'"
 					size="small"
 					@click="handleReactionClick(reaction)">
-					{{ reaction }} {{ reactionsCount(reaction) }}
+					<span class="reaction-emoji">{{ reaction }}</span> {{ reactionsCount(reaction) }}
 				</NcButton>
 			</template>
 
@@ -279,6 +279,8 @@ export default {
 <style lang="scss" scoped>
 .reactions-wrapper {
 	--minimal-button-width: 48px;
+	--font-family-emoji: 'Segoe UI Emoji', 'Segoe UI Symbol', 'Segoe UI', 'Apple Color Emoji', 'Twemoji Mozilla', 'Noto Color Emoji', 'EmojiOne Color', 'Android Emoji';
+
 	display: flex;
 	flex-wrap: wrap;
 	gap: var(--default-grid-baseline);
@@ -291,6 +293,10 @@ export default {
 		font-weight: normal;
 	}
 
+	.reaction-emoji {
+		font-family: var(--font-family-emoji);
+	}
+
 	.reaction-button--thumbnail {
 		height: var(--clickable-area-small);
 		width: var(--minimal-button-width);