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:
parent
2438af4e00
commit
80bab6d338
|
@ -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)
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue