Fixed styling issues for mention in the chat text (#15723)

Co-authored-by: Andrea Maria Piana <andrea.maria.piana@gmail.com>
This commit is contained in:
Rahul Pratap 2023-04-25 20:47:16 +05:30 committed by GitHub
parent 2438af4e00
commit 80bab6d338
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 8 deletions

View File

@ -20,6 +20,23 @@
:padding-left 10
:border-left-color colors/neutral-40})
(defn mention-tag-wrapper
[]
{:flex-direction :row
:align-items :center})
(def mention-tag
{:background-color colors/primary-50-opa-10
:padding-horizontal 3
:border-radius 6
:margin-bottom -3})
(def mention-tag-text
{:color (colors/theme-colors colors/primary-50
colors/primary-60)
:selection-color :transparent
:suppress-highlighting true})
(defn code
[]
{:background-color (colors/theme-colors colors/neutral-5 colors/white-opa-5)

View File

@ -40,14 +40,16 @@
:mention
(conj
units
[rn/view
{:style style/mention-tag-wrapper}
[rn/touchable-opacity
{:active-opacity 1
:on-press #(rf/dispatch [:chat.ui/show-profile literal])
:style (merge style/block {:background-color colors/primary-50-opa-10})}
:style style/mention-tag}
[quo/text
{:weight :medium
:style {:color (colors/theme-colors colors/primary-50 colors/primary-60)}}
(rf/sub [:messages/resolve-mention literal])]])
:style style/mention-tag-text}
(rf/sub [:messages/resolve-mention literal])]]])
:edited
(conj units