fix(chat): Change message text layout (#1824)

Satellite-im · Feb 7, 2024 · 93b5c6c · 93b5c6c
1 parent ba6b54d
commit 93b5c6c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/common/src/state/utils.rs b/common/src/state/utils.rs
@@ -200,7 +200,7 @@ pub fn mention_to_did_key(id: &Identity) -> String {
 // Replacement pattern converting a user tag to a highlight div
 pub fn mention_replacement_pattern(id: &Identity, visual: bool) -> String {
     format!(
-        r#"<div class="message-user-tag {}" value="{}">@{}</div>"#,
+        r#"<a class="message-user-tag {}" value="{}">@{}</a>"#,
         if visual { "visual-only" } else { "" },
         id.did_key(),
         id.username()

diff --git a/kit/src/components/message/style.scss b/kit/src/components/message/style.scss
@@ -19,8 +19,7 @@
 	}
 	.text {
 		color: var(--text-color-dark);
-		display: inline-flex;
-		flex-direction: column;
+		display: block;
 		white-space:pre-wrap;
 
 		.big-emoji {
@@ -140,6 +139,7 @@
 
 .message-user-tag {
 	background-color: var(--text-color-user-tag);
+	color: var(--text-color-dark);
 	width: fit-content;
 	height: fit-content;
 	&:not(.visual-only) {