selectin color changed for selectable text inputs and texts (#5469)

This commit is contained in:
Volodymyr Kozieiev 2018-08-14 15:45:37 +03:00 committed by GitHub
parent 879e33b9b5
commit 6cdb1ac629
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 32 additions and 25 deletions

View File

@ -10,7 +10,8 @@
[status-im.ui.screens.add-new.new-public-chat.view :refer [default-public-chats]] [status-im.ui.screens.add-new.new-public-chat.view :refer [default-public-chats]]
[status-im.ui.screens.add-new.new-public-chat.db :as public-chat-db] [status-im.ui.screens.add-new.new-public-chat.db :as public-chat-db]
[taoensso.timbre :as log] [taoensso.timbre :as log]
[status-im.ui.components.react :as react])) [status-im.ui.components.react :as react]
[status-im.ui.components.colors :as colors]))
(views/defview new-contact [] (views/defview new-contact []
(views/letsubs [new-contact-identity [:get :contacts/new-identity] (views/letsubs [new-contact-identity [:get :contacts/new-identity]
@ -32,6 +33,7 @@
[react/text-input {:placeholder "0x..." [react/text-input {:placeholder "0x..."
:flex 1 :flex 1
:style styles/add-contact-input :style styles/add-contact-input
:selection-color colors/hawkes-blue
:on-change (fn [e] :on-change (fn [e]
(let [native-event (.-nativeEvent e) (let [native-event (.-nativeEvent e)
text (.-text native-event)] text (.-text native-event)]
@ -69,6 +71,7 @@
(.setNativeProps % (js-obj "text" "#")) (.setNativeProps % (js-obj "text" "#"))
(reset! topic-input-ref %)) (reset! topic-input-ref %))
:style styles/add-contact-input :style styles/add-contact-input
:selection-color colors/hawkes-blue
:on-change (fn [e] :on-change (fn [e]
(let [native-event (.-nativeEvent e) (let [native-event (.-nativeEvent e)
text (.-text native-event) text (.-text native-event)

View File

@ -69,11 +69,12 @@
photo-path)} photo-path)}
:style styles/photo-style}]]))) :style styles/photo-style}]])))
(views/defview message-with-timestamp [text {:keys [timestamp] :as message} style] (views/defview message-with-timestamp [text {:keys [timestamp outgoing] :as message} style]
[react/view {:style style} [react/view {:style style}
[react/view {:style styles/message-wrapper} [react/view {:style styles/message-wrapper}
[react/text {:style styles/message-text [react/text {:style (styles/message-text message)
:selectable true} :selectable true
:selection-color (if outgoing colors/white colors/hawkes-blue)}
text] text]
[react/text {:style (styles/message-timestamp-placeholder)} [react/text {:style (styles/message-timestamp-placeholder)}
(time/timestamp->time timestamp)] (time/timestamp->time timestamp)]
@ -218,4 +219,5 @@
(i18n/label :t/send-message)]]] (i18n/label :t/send-message)]]]
[react/text {:style styles/chat-profile-contact-code} (i18n/label :t/contact-code)] [react/text {:style styles/chat-profile-contact-code} (i18n/label :t/contact-code)]
[react/text {:style {:font-size 14} [react/text {:style {:font-size 14}
:selectable true} public-key]]])) :selectable true
:selection-color colors/hawkes-blue} public-key]]]))

View File

@ -42,7 +42,9 @@
[react/view {:style styles/qr-code} [react/view {:style styles/qr-code}
[qr-code-viewer/qr-code {:value public-key :size 130}]] [qr-code-viewer/qr-code {:value public-key :size 130}]]
[react/view {:style {:align-items :center}} [react/view {:style {:align-items :center}}
[react/text {:style styles/qr-code-text} [react/text {:style styles/qr-code-text
:selectable true
:selection-color colors/hawkes-blue}
public-key] public-key]
(when tooltip-opacity (when tooltip-opacity
[copied-tooltip tooltip-opacity])] [copied-tooltip tooltip-opacity])]