[161108] Optimize message styling when there's multiple mentions on t…

…op of each other (#16505)
status-im · Jul 16, 2023 · b2cbed4 · b2cbed4
1 parent 1d0186a
commit b2cbed4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/status_im2/contexts/chat/messages/content/text/style.cljs b/src/status_im2/contexts/chat/messages/content/text/style.cljs
@@ -15,19 +15,22 @@
 (defn mention-tag-wrapper
   []
   {:flex-direction :row
-   :align-items    :center})
+   :align-items    :center
+   :height         22})
 
 (def mention-tag
   {:background-color   colors/primary-50-opa-10
    :padding-horizontal 3
    :border-radius      6
-   :margin-bottom      -3})
+   :margin-bottom      -3
+   :height             22})
 
 (def mention-tag-text
   {:color                 (colors/theme-colors colors/primary-50
                                                colors/primary-60)
    :selection-color       :transparent
-   :suppress-highlighting true})
+   :suppress-highlighting true
+   :line-height           21})
 
 (defn code
   []

diff --git a/src/status_im2/contexts/chat/messages/content/text/view.cljs b/src/status_im2/contexts/chat/messages/content/text/view.cljs
@@ -63,7 +63,8 @@
           :style          style/mention-tag}
          [quo/text
           {:weight :medium
-           :style  style/mention-tag-text}
+           :style  style/mention-tag-text
+           :size   :paragraph-1}
           (rf/sub [:messages/resolve-mention literal])]]])
 
       :edited