status-im
/
status-react
mirror of https://github.com/status-im/status-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

tint-color for response's icon 

Former-commit-id: 3289053ff8
This commit is contained in:
Roman Volosovskyi 2016-06-27 12:22:52 +03:00
parent f5464c18bf
commit 6f9881af55
2 changed files with 21 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/status_im/chat/styles/message.cljs
View File

@ -1,15 +1,15 @@
(ns status-im.chat.styles.message (ns status-im.chat.styles.message
(:require [status-im.components.styles :refer [font (:require [status-im.components.styles :refer [font
color-light-blue-transparent color-light-blue-transparent
color-white color-white
color-black color-black
color-blue color-blue
selected-message-color selected-message-color
online-color online-color
text1-color text1-color
text2-color]] text2-color]]
[status-im.constants :refer [text-content-type [status-im.constants :refer [text-content-type
content-type-command]])) content-type-command]]))
(def style-message-text (def style-message-text
{:fontSize 14 {:fontSize 14
@ -153,16 +153,13 @@
:backgroundColor (:color command) :backgroundColor (:color command)
:transform [{:scale scale}]}) :transform [{:scale scale}]})
(defn command-image-view (def command-image-view
[command] {:position :absolute
{:position :absolute :top 0
:top 0 :right 0
:right 0 :width 24
:width 24 :height 24
:height 24 :alignItems :center})
:borderRadius 50
:backgroundColor (:color command)
:alignItems :center})
(def command-request-image (def command-request-image
{:position :absolute {:position :absolute
@ -197,8 +194,10 @@
(def command-image (def command-image
{:margin-top 5 {:margin-top 5
:width 12 :width 12
:height 13}) :height 13
:tint-color :#a9a9a9cc})
(def command-text (def command-text
(merge style-message-text (merge style-message-text
{:marginTop 8 {:marginTop 8

2
src/status_im/chat/views/message.cljs
View File

@ -69,7 +69,7 @@
(str "!" (:name command))]]] (str "!" (:name command))]]]
;; todo doesn't reflect design ;; todo doesn't reflect design
(when-let [icon (:icon command)] (when-let [icon (:icon command)]
[view (st/command-image-view command) [view st/command-image-view
[image {:source {:uri icon} [image {:source {:uri icon}
:style st/command-image}]]) :style st/command-image}]])
(if preview (if preview