fix(emoji): fix emoji reaction wrap (#1967)

Satellite-im · Apr 10, 2024 · 38d3b4f · 38d3b4f
1 parent 8142b4f
commit 38d3b4f
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/kit/src/components/message/mod.rs b/kit/src/components/message/mod.rs
@@ -364,7 +364,7 @@ pub fn Message<'a>(cx: Scope<'a, Props<'a>>) -> Element<'a> {
         },
         div {
             class: "{reactions_class}",
-            aria_label: "message-reaction-container",
+            aria_label: "message-reactions-container",
             cx.props.reactions.iter().map(|reaction| {
                 let reaction_count = reaction.reaction_count;
                 let emoji = &reaction.emoji;

diff --git a/kit/src/components/message/style.scss b/kit/src/components/message/style.scss
@@ -125,8 +125,6 @@
 	border: 1px solid var(--border-subtle-color);
 	border-radius: var(--border-radius-more);
 	background-color: var(--secondary-dark);
-	margin-left: 5px;
-	margin-top: 3px;
 	padding: 2px 5px;
 	cursor: pointer;
 	border: none;

diff --git a/ui/src/layouts/chats/style.scss b/ui/src/layouts/chats/style.scss
@@ -39,8 +39,11 @@
 .message-reactions-container {
   display: inline-flex;
   flex-direction: row;
+  flex-wrap: wrap;
   color: var(--text-color);
   justify-content: flex-end;
+  scale: 0.8;
+  transform-origin: left;
 
   &.pointer {
     cursor: pointer